@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css";.gallery-page{color:#e0daf0;background:#0a0812;min-height:100vh;padding-bottom:80px;position:relative}.gallery-page:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}.gallery-header{z-index:1;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;position:relative}.gallery-header__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.gallery-title{letter-spacing:-.02em;background:linear-gradient(90deg,#c084fc,#67e8f9,#a78bfa);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;display:flex}.gallery-title__pixel{background:#c084fc;flex-shrink:0;width:12px;height:12px;margin-right:.75rem;animation:1.2s step-end infinite pixel-blink;display:inline-block;box-shadow:4px 0 #67e8f9,8px 0 #a78bfa}@keyframes pixel-blink{0%,to{opacity:1}50%{opacity:0}}.gallery-subtitle{color:#7c6fa0;letter-spacing:.05em;margin-top:.25rem;font-size:.9rem}.gallery-add-btn{color:#fff;cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#6c3ce0,#9333ea);border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:box-shadow .2s,transform .1s;box-shadow:0 0 12px #9333ea80,inset 0 1px #ffffff1a}.gallery-add-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #9333eabf,inset 0 1px #ffffff26}.gallery-add-btn:active{transform:translateY(0)}.gallery-controls{z-index:1;max-width:1100px;margin:0 auto 1.5rem;padding:0 1.5rem;position:relative}.gallery-search{background:#ffffff0a;border:1px solid #a78bfa33;border-radius:8px;align-items:center;margin-bottom:1rem;padding:0 1rem;display:flex}.gallery-search__icon{opacity:.5;margin-right:.5rem;font-size:1rem}.gallery-search__input{color:#e0daf0;background:0 0;border:none;outline:none;width:100%;padding:.7rem 0;font-family:inherit;font-size:.9rem}.gallery-search__input::placeholder{color:#4b4466}.gallery-cats{flex-wrap:wrap;gap:.5rem;display:flex}.gallery-cat{color:#7c6fa0;cursor:pointer;letter-spacing:.04em;background:#ffffff0a;border:1px solid #a78bfa33;border-radius:20px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s}.gallery-cat:hover{color:#c084fc;border-color:#a78bfa80}.gallery-cat--active{color:#e9d5ff;background:#9333ea40;border-color:#a855f7;box-shadow:0 0 8px #9333ea4d}.gallery-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid;position:relative}.gallery-card{cursor:pointer;background:#ffffff09;border:1px solid #a78bfa26;border-radius:10px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.gallery-card:hover{border-color:#a78bfa80;transform:translateY(-4px);box-shadow:0 8px 32px #9333ea33}.gallery-card__thumb{aspect-ratio:16/9;background:#9333ea14;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.gallery-card__thumb img{object-fit:cover;width:100%;height:100%}.gallery-card__thumb-placeholder{opacity:.3;font-size:2.5rem}.gallery-card__cat-badge{color:#c084fc;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0812cc;border:1px solid #a78bfa4d;border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.gallery-card__body{padding:.85rem 1rem 1rem}.gallery-card__name{color:#e0daf0;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:.92rem;font-weight:700;overflow:hidden}.gallery-card__desc{color:#6b5f8a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.6rem;font-size:.76rem;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-card__footer{align-items:center;gap:.4rem;display:flex}.gallery-card__creator{color:#4b4466;font-size:.7rem}.gallery-card__play{color:#a855f7;background:#9333ea1f;border:1px solid #9333ea40;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:700}.gallery-empty{text-align:center;color:#4b4466;z-index:1;max-width:1100px;margin:3rem auto;padding:0 1.5rem;position:relative}.gallery-empty__icon{margin-bottom:1rem;font-size:3rem;display:block}.gallery-empty__text{font-size:.9rem}.gallery-detail-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000b3;justify-content:center;align-items:flex-start;padding:4rem 1rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.gallery-detail{background:#12102a;border:1px solid #a78bfa40;border-radius:14px;width:100%;max-width:860px;position:relative;overflow:hidden;box-shadow:0 0 60px #9333ea33}.gallery-detail__close{color:#9880c0;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #a78bfa33;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.gallery-detail__close:hover{color:#e0daf0;background:#ffffff1f}.gallery-detail__top{grid-template-columns:1fr 1fr;gap:0;display:grid}@media (width<=640px){.gallery-detail__top{grid-template-columns:1fr}}.gallery-detail__thumb{aspect-ratio:4/3;background:#9333ea14;justify-content:center;align-items:center;display:flex;overflow:hidden}.gallery-detail__thumb img{object-fit:cover;width:100%;height:100%}.gallery-detail__thumb-placeholder{opacity:.25;font-size:4rem}.gallery-detail__info{border-left:1px solid #a78bfa1a;flex-direction:column;gap:.75rem;padding:1.75rem 1.5rem 1.5rem;display:flex}.gallery-detail__cat{color:#c084fc;letter-spacing:.06em;text-transform:uppercase;background:#9333ea33;border:1px solid #9333ea66;border-radius:4px;align-self:flex-start;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.gallery-detail__name{color:#f0ebff;padding-right:2.5rem;font-size:1.3rem;font-weight:800;line-height:1.3}.gallery-detail__desc{color:#7c6fa0;font-size:.85rem;line-height:1.6}.gallery-detail__meta{color:#4b4466;font-size:.75rem}.gallery-detail__actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.gallery-detail__play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c3ce0,#9333ea);border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .1s;display:inline-flex;box-shadow:0 0 12px #9333ea66}.gallery-detail__play-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 0 20px #9333ea99}.gallery-detail__delete-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:.6rem 1rem;font-size:.82rem;font-weight:700;transition:background .2s}.gallery-detail__delete-btn:hover{background:#ef444433}.gallery-detail__iframe-section{border-top:1px solid #a78bfa1a;padding:1.25rem 1.5rem}.gallery-detail__iframe-label{color:#4b4466;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.gallery-detail__iframe-wrap{aspect-ratio:16/9;background:#000;border:1px solid #a78bfa26;border-radius:8px;width:100%;position:relative;overflow:hidden}.gallery-detail__iframe-wrap iframe{border:none;width:100%;height:100%;transition:opacity .3s}.gallery-detail__iframe-loading{color:#4b4466;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.82rem;display:flex;position:absolute;inset:0}.gallery-detail__no-url{text-align:center;color:#4b4466;border:1px dashed #a78bfa26;border-radius:8px;padding:2rem;font-size:.85rem}.gallery-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gallery-modal{background:#12102a;border:1px solid #a78bfa4d;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 0 60px #9333ea40}.gallery-modal__close{color:#9880c0;cursor:pointer;background:#ffffff0f;border:1px solid #a78bfa33;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.gallery-modal__close:hover{color:#e0daf0;background:#ffffff1f}.gallery-modal__title{color:#e0daf0;margin-bottom:1.5rem;padding-right:2.5rem;font-size:1.1rem;font-weight:800}.gallery-form__group{margin-bottom:1.1rem}.gallery-form__label{color:#7c6fa0;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.gallery-form__label span{color:#f87171;margin-left:2px}.gallery-form__input,.gallery-form__textarea,.gallery-form__select{color:#e0daf0;background:#ffffff0a;border:1px solid #a78bfa33;border-radius:7px;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.87rem;transition:border-color .2s,box-shadow .2s}.gallery-form__input:focus,.gallery-form__textarea:focus,.gallery-form__select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.gallery-form__input::placeholder,.gallery-form__textarea::placeholder{color:#3a3356}.gallery-form__textarea{resize:vertical;min-height:80px}.gallery-form__select{appearance:none;cursor:pointer}.gallery-form__select option{color:#e0daf0;background:#12102a}.gallery-form__hint{color:#4b4466;margin-top:.3rem;font-size:.7rem;display:block}.gallery-form__thumb-preview{aspect-ratio:4/3;background:#0000004d;border:1px solid #a78bfa33;border-radius:6px;width:100%;margin-top:.6rem;position:relative;overflow:hidden}.gallery-form__thumb-preview img{object-fit:cover;width:100%;height:100%}.gallery-form__thumb-preview span{color:#4b4466;pointer-events:none;justify-content:center;align-items:center;font-size:.72rem;display:flex;position:absolute;inset:0}.gallery-form__submit{color:#fff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#6c3ce0,#9333ea);border:none;border-radius:7px;width:100%;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:800;transition:box-shadow .2s,transform .1s;box-shadow:0 0 16px #9333ea66}.gallery-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #9333ea99}.gallery-form__submit:disabled{opacity:.5;cursor:not-allowed}.gallery-alert{border-radius:7px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.82rem}.gallery-alert--success{color:#5eead4;background:#00d2a41a;border:1px solid #00d2a44d}.gallery-alert--error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.gallery-spinner{border:3px solid #a78bfa33;border-top-color:#a855f7;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite gallery-spin}@keyframes gallery-spin{to{transform:rotate(360deg)}}.gallery-count{color:#c084fc;letter-spacing:.04em;background:#9333ea26;border:1px solid #9333ea4d;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}@media (width<=600px){.gallery-header{padding:1.5rem 1rem 1rem}.gallery-controls,.gallery-grid{padding:0 1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.gallery-detail-overlay{align-items:flex-end;padding:1rem .5rem}.gallery-detail{border-radius:14px 14px 0 0;max-width:100%}.gallery-modal{padding:1.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fc;--bg-card:#fff;--bg-nav:#ffffffd9;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-bg:#6c5ce714;--green:#00b894;--green-bg:#00b89414;--orange:#f39c12;--orange-bg:#f39c1214;--red:#e17055;--border:#e5e7eb;--border-hover:#d1d5db;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 30px #00000014;--radius:12px;--radius-lg:16px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text-primary);font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{color:var(--text-primary);background:#6c5ce726}.nav--scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav__logo{align-items:center;gap:.5rem;display:flex}.nav__mark{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:900;display:flex}.nav__name{letter-spacing:-.5px;color:var(--text-primary);font-size:1.15rem;font-weight:700}.nav__name--accent{color:var(--accent)}.nav__links{align-items:center;gap:.25rem;display:flex}.nav__link{color:#ccc;border-radius:8px;padding:.5rem .85rem;font-size:.9rem;font-weight:600;transition:all .2s}.nav__link:hover{color:#fff;background:#ffffff1a}.nav__link--active{color:#f39c12;font-weight:700}.nav__cta{color:#fff;background:#ed6c02;border-radius:4px;margin-left:.75rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}.nav__cta:hover{background:#f39c12}.nav__hamburger{background:0 0;flex-direction:column;gap:5px;padding:4px;display:none}.nav__hamburger span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .3s}.hero{text-align:center;padding:10rem 2rem 5rem;position:relative;overflow:hidden}.hero__badge{background:var(--accent-bg);color:var(--accent);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{letter-spacing:-1px;color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero__gradient{background:linear-gradient(135deg, var(--accent), #00b894);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__desc{color:var(--text-secondary);max-width:540px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:#5b4bd5;transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce74d}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.home-sections{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;padding:2rem 2rem 6rem;display:grid}.preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.preview-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.preview-card__icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.preview-card__icon--purple{background:var(--accent-bg)}.preview-card__icon--green{background:var(--green-bg)}.preview-card__icon--orange{background:var(--orange-bg)}.preview-card__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.preview-card__desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.preview-card__link{color:var(--accent);align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;display:inline-flex}.board{max-width:1100px;margin:0 auto;padding:6rem 2rem 4rem}.board__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.board__title-group h1{color:var(--text-primary);font-size:1.75rem;font-weight:800}.board__title-group p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.board__count{color:var(--accent);background:var(--accent-bg);border-radius:50px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.board__create-btn{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.board__create-btn:hover{background:#5b4bd5;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce74d}.board__search{margin-bottom:2rem;position:relative}.board__search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.board__search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6c5ce71a}.board__search-icon{color:var(--text-muted);font-size:.9rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.board__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.board__empty{text-align:center;color:var(--text-muted);padding:5rem 2rem;font-size:1rem}.board__empty-icon{margin-bottom:1rem;font-size:3rem}.board__tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.board__tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;padding:.4rem .85rem;font-size:.8rem;font-weight:500;transition:all .2s}.board__tag:hover{border-color:var(--accent-light);color:var(--accent)}.board__tag--active{background:var(--accent);color:#fff;border-color:var(--accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.card-grid__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:all .25s;display:block;overflow:hidden}.card-grid__item:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-grid__thumb{aspect-ratio:4/3;background:#1a1a2e;width:100%;position:relative;overflow:hidden}.card-grid__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card-grid__item:hover .card-grid__thumb img{transform:scale(1.05)}.card-grid__placeholder{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;height:100%;display:flex}.card-grid__placeholder span{font-size:2.5rem}.card-grid__placeholder small{font-size:.75rem}.card-grid__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.2rem .55rem;font-size:.65rem;font-weight:800;position:absolute;top:.6rem;left:.6rem}.card-grid__badge--static{position:static}.card-grid__badge--new{background:var(--green);color:#fff}.card-grid__badge--best{color:#fff;background:#e74c3c}.card-grid__info{padding:.85rem 1rem}.card-grid__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.95rem;font-weight:700;overflow:hidden}.card-grid__meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.card-grid__category{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}@media (width<=768px){.card-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (width<=480px){.card-grid{grid-template-columns:1fr}}.app-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.5rem;transition:all .25s;display:flex}.app-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md)}.app-card__top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.app-card__name{color:var(--accent);align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;display:flex}.app-card__name-icon{font-size:1rem}.app-card__status{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:.2rem .55rem;font-size:.65rem;font-weight:700}.app-card__status--live{background:var(--green-bg);color:var(--green)}.app-card__status--beta{background:var(--orange-bg);color:var(--orange)}.app-card__desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.88rem;line-height:1.55}.app-card__tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.app-card__tag{background:var(--accent-bg);color:var(--accent);border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:500}.app-card__tag--ai{color:var(--green);background:#00b89414}.app-card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.app-card__author{align-items:center;gap:.5rem;display:flex}.app-card__avatar{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.app-card__author-name{color:var(--text-secondary);font-size:.8rem;font-weight:500}.app-card__meta{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.app-card__preview-btn{color:var(--accent);border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.app-card__preview-btn:hover{background:var(--accent-bg)}.create-page{max-width:620px;margin:0 auto;padding:6rem 2rem 4rem}.create-page h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.create-page>p{color:var(--text-secondary);margin-bottom:2rem}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-primary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group label .required{color:var(--red)}.form-group input,.form-group select,.form-group textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:.7rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6c5ce71a}.form-group textarea{resize:vertical;min-height:80px}.form-row{gap:1rem;display:flex}.form-row>.form-group{flex:1}.form-checkbox{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.form-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.form-submit{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.form-submit:hover:not(:disabled){background:#5b4bd5;box-shadow:0 4px 12px #6c5ce74d}.form-submit:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.alert--success{background:var(--green-bg);color:#0a7c5e;border:1px solid #00b89433}.alert--error{color:#c0392b;background:#e1705514;border:1px solid #e1705533}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;display:flex}.coming-soon__icon{margin-bottom:1.5rem;font-size:4rem}.coming-soon__title{color:var(--text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:800}.coming-soon__desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:4rem;padding:3rem 2rem 1.5rem}.footer__inner{flex-wrap:wrap;gap:3rem;max-width:1100px;margin:0 auto;display:flex}.footer__brand{flex:1;min-width:220px}.footer__logo{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.footer__mark{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:900;display:flex}.footer__name{color:var(--text-primary);font-size:1rem;font-weight:700}.footer__name--accent{color:var(--accent)}.footer__tagline{color:var(--text-muted);font-size:.85rem;line-height:1.6}.footer__col{min-width:120px}.footer__col-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.footer__col-links{flex-direction:column;gap:.4rem;display:flex}.footer__col-links a{color:var(--text-muted);font-size:.85rem;transition:color .2s}.footer__col-links a:hover{color:var(--accent)}.footer__bottom{border-top:1px solid var(--border);max-width:1100px;color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:2rem auto 0;padding-top:1.5rem;font-size:.8rem;display:flex}.footer__visitor{color:var(--text-muted);letter-spacing:.03em;font-size:.72rem}.footer__visitor strong{color:var(--accent);font-weight:700}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.nav__links{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;padding:1.5rem 2rem;display:none;position:fixed;top:64px;left:0;right:0}.nav__links--open,.nav__hamburger{display:flex}.nav__cta{text-align:center;width:100%;margin-top:.5rem;margin-left:0}.nav__link{padding:.75rem .85rem}.hero{padding:8rem 1.5rem 3rem}.hero__title{font-size:2.2rem}.home-sections{grid-template-columns:1fr;padding:1rem 1.5rem 4rem}.board{padding:5rem 1.5rem 4rem}.board__grid{grid-template-columns:1fr}.board__header{flex-direction:column;align-items:flex-start}.create-page{padding:5rem 1.5rem 4rem}.form-row{flex-direction:column;gap:0}.login-page{padding:6rem 1.5rem 2rem}.nav__user{flex-direction:column;align-items:flex-start;gap:.5rem}}.login-page{background:linear-gradient(135deg, #f0edff 0%, var(--bg) 50%, #e8fff5 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.login-header h1{color:var(--text-primary);margin-bottom:.35rem;font-size:1.5rem;font-weight:800}.login-header p{color:var(--text-secondary);font-size:.9rem}.login-toggle{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.85rem}.login-toggle button{color:var(--accent);cursor:pointer;background:0 0;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.login-toggle button:hover{color:#5b4bd5}.nav__user{align-items:center;gap:.5rem;margin-left:.5rem;display:flex}.nav__user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.nav__user-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.nav__logout{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;margin-left:.25rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;transition:all .2s}.nav__logout:hover{border-color:var(--red);color:var(--red);background:#e170550d}.community{max-width:900px;margin:0 auto;padding:6rem 2rem 4rem}.community__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.community__header h1{font-size:1.75rem;font-weight:800}.community__header p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.community__tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;padding-bottom:0;display:flex}.community__tab{color:var(--text-muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:.35rem;margin-bottom:-1px;padding:.6rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.community__tab:hover{color:var(--text-primary)}.community__tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.community__tab-count{background:var(--accent-bg);color:var(--accent);border-radius:50px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.post-list{flex-direction:column;gap:0;display:flex}.post-item{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-bottom:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:background .15s;display:flex}.post-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.post-item:last-child{border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}.post-item:only-child{border-radius:var(--radius);border-bottom:1px solid var(--border)}.post-item:hover{background:#fafafe}.post-item__left{flex:1;min-width:0}.post-item__category{background:var(--accent-bg);color:var(--accent);border-radius:4px;margin-bottom:.4rem;padding:.15rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.post-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:1rem;font-weight:600;overflow:hidden}.post-item__preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.post-item__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;display:flex}.post-item__meta{align-items:center;gap:.6rem;font-size:.8rem;display:flex}.post-item__author{color:var(--text-secondary);align-items:center;gap:.35rem;font-weight:500;display:flex}.post-item__avatar{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:inline-flex}.post-item__time{color:var(--text-muted);font-size:.75rem}.post-item__stats{color:var(--text-muted);gap:.5rem;font-size:.75rem;display:flex}.post-detail{max-width:800px;margin:0 auto;padding:6rem 2rem 4rem}.post-detail__back{color:var(--text-muted);align-items:center;margin-bottom:1.25rem;font-size:.85rem;font-weight:500;transition:color .2s;display:inline-flex}.post-detail__back:hover{color:var(--accent)}.post-detail__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.post-detail__header{border-bottom:1px solid var(--border);padding:2rem 2rem 1.5rem}.post-detail__title{margin:.75rem 0 1rem;font-size:1.5rem;font-weight:800;line-height:1.4}.post-detail__info{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.85rem;display:flex}.post-detail__author{color:var(--text-secondary);align-items:center;gap:.4rem;font-weight:500;display:flex}.post-detail__content{color:var(--text-primary);min-height:200px;padding:2rem;font-size:.95rem;line-height:1.8}.post-detail__content p{margin-bottom:.5rem}.post-detail__actions{border-top:1px solid var(--border);gap:.75rem;padding:1.5rem 2rem;display:flex}.post-detail__like-btn{background:var(--accent-bg);color:var(--accent);border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.post-detail__like-btn:hover{background:#6c5ce726}.post-detail__delete-btn{color:var(--red);background:#e170550f;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.post-detail__delete-btn:hover{background:#e170551f}@media (width<=768px){.community{padding:5rem 1.5rem 4rem}.community__header{flex-direction:column}.post-item{flex-direction:column;align-items:flex-start}.post-item__right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.post-detail{padding:5rem 1.5rem 4rem}.post-detail__header,.post-detail__content,.post-detail__actions{padding-left:1.25rem;padding-right:1.25rem}}.mypage{max-width:900px;margin:0 auto;padding:6rem 2rem 4rem}.mypage__profile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;margin-bottom:1rem;padding:1.5rem;display:flex}.mypage__avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:700;display:flex;overflow:hidden}.mypage__avatar--lg{width:88px;height:88px;font-size:2rem}.mypage__avatar-img{object-fit:cover;width:100%;height:100%}.mypage__avatar-upload{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mypage__avatar-pick{background:var(--accent-bg);color:var(--accent);border:1px dashed var(--accent);cursor:pointer;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .15s}.mypage__avatar-pick:hover{background:var(--accent);color:#fff}.mypage__profile-info{flex:1;min-width:0}.mypage__profile-info h1{margin-bottom:.2rem;font-size:1.4rem;font-weight:800}.mypage__email{color:var(--text-secondary);font-size:.85rem}.mypage__joined{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.mypage__edit-btn{background:var(--accent);color:#fff;white-space:nowrap;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.mypage__edit-btn:hover{background:#5848d8}.mypage__stats{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.mypage__stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.15rem;padding:.85rem;display:flex}.mypage__stat-num{color:var(--accent);font-size:1.4rem;font-weight:800}.mypage__stat-label{color:var(--text-secondary);font-size:.78rem}.mypage__list{flex-direction:column;gap:0;margin-bottom:2rem;display:flex}.mypage__row{background:var(--bg-card);border:1px solid var(--border);color:inherit;cursor:pointer;border-bottom:none;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:background .15s;display:flex}.mypage__row:hover{background:var(--accent-bg)}.mypage__row:hover .mypage__row-delete{opacity:1}.mypage__row-delete{color:var(--text-muted);opacity:.4;background:0 0;border-radius:6px;flex-shrink:0;padding:.5rem;font-size:1rem;transition:all .15s}.mypage__row-delete:hover{color:var(--red);opacity:1;background:#e170551f}.mypage__row:first-child{border-radius:var(--radius) var(--radius) 0 0}.mypage__row:last-child{border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}.mypage__row-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.mypage__row-body{flex:1;min-width:0}.mypage__row-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem;font-weight:600;overflow:hidden}.mypage__row-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.78rem;display:flex}.mypage__row-desc{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.4rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.mypage__chip{background:var(--accent-bg);color:var(--accent);border-radius:50px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.mypage__chip--warn{background:var(--orange-bg);color:var(--orange)}.mypage__account{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:.6rem;padding-top:1rem;display:flex}.mypage__account-btn{color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s}.mypage__account-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.mypage__logout{color:var(--red);border:1px solid var(--border);background:0 0;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s}.mypage__logout:hover{border-color:var(--red);background:#e1705514}.mypage__modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mypage__modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2rem;position:relative}.mypage__modal h2{margin-bottom:1rem;font-size:1.2rem;font-weight:800}.mypage__modal-close{color:var(--text-muted);background:0 0;border-radius:50%;width:28px;height:28px;font-size:1.1rem;position:absolute;top:.75rem;right:.75rem}.mypage__modal-close:hover{background:var(--border);color:var(--text-primary)}.mypage__modal input:disabled{background:var(--bg);color:var(--text-muted)}.nav__search{flex-shrink:0;align-items:center;margin:0 .5rem;display:flex;position:relative}.nav__search-icon{pointer-events:none;opacity:.6;font-size:.85rem;position:absolute;left:.7rem}.nav__search-input{color:#eee;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;width:180px;padding:.45rem .7rem .45rem 2rem;font-family:inherit;font-size:.85rem;transition:all .2s}.nav__search-input:focus{border-color:var(--accent-light);background:#ffffff24;outline:none;width:220px}.nav__search-input::placeholder{color:#fff6}.search-page{max-width:900px;margin:0 auto;padding:6rem 2rem 4rem}.search-page__form{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem .75rem;transition:border-color .15s;display:flex}.search-page__form:focus-within{border-color:var(--accent)}.search-page__icon{opacity:.6;font-size:1.1rem}.search-page__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.4rem 0;font-family:inherit;font-size:1rem}.search-page__submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:700;transition:background .15s}.search-page__submit:hover{background:#5848d8}.search-page__summary{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.88rem}.search-page__section{margin-bottom:2rem}.search-page__section-title{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.05rem;font-weight:800;display:flex}.search-page__section-title span{color:var(--text-muted);font-size:.78rem;font-weight:500}.search-page__list{flex-direction:column;gap:0;display:flex}@media (width<=768px){.nav__search-input{width:100%}.nav__search{width:100%;margin:.5rem 0}.search-page,.mypage{padding:5rem 1.25rem 4rem}.mypage__profile{text-align:center;flex-direction:column}.mypage__stats{grid-template-columns:repeat(5,1fr);gap:.4rem}.mypage__stat{padding:.65rem .4rem}.mypage__stat-num{font-size:1.15rem}}.retro-page{color:#333;background:linear-gradient(160deg,#e8e0f0 0%,#dce6f5 40%,#e0f0ec 100%);min-height:100vh;padding-top:64px}.hero-banner{text-align:center;background:linear-gradient(135deg,#2d1b69 0%,#11998e 50%,#38ef7d 100%);padding:2.5rem 1.5rem 2rem;position:relative;overflow:hidden}.hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.hero-banner__inner{max-width:600px;margin:0 auto;position:relative}.hero-banner__title{color:#fff;letter-spacing:-1px;text-shadow:0 2px 12px #00000026;margin:0 0 .5rem;font-size:2rem;font-weight:900;line-height:1.2}.hero-banner__desc{color:#ffffffd9;margin:0 0 1rem;font-size:.92rem;line-height:1.6}.hero-banner__stats{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.2rem;display:flex}.hero-banner__stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:20px;padding:.3rem .9rem;font-size:.82rem;font-weight:700}.hero-banner__dot{background:#ffffff80;border-radius:50%;width:4px;height:4px}.hero-banner__cta{color:#2d1b69;cursor:pointer;background:#fff;border:none;border-radius:25px;padding:.6rem 1.8rem;font-size:.9rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00000026}.hero-banner__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}@media (width<=600px){.hero-banner{padding:1.8rem 1rem 1.5rem}.hero-banner__title{font-size:1.35rem}.hero-banner__desc{font-size:.82rem}}.retro-search{max-width:1100px;margin:0 auto;padding:1.2rem 1rem 0}.retro-search__inner{-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffffb3;border-radius:14px;align-items:center;gap:.6rem;padding:.55rem 1rem;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 2px 10px #0000000a}.retro-search__inner:focus-within{border-color:#6c5ce766;box-shadow:0 4px 20px #6c5ce71f}.retro-search__icon{opacity:.5;flex-shrink:0;font-size:1rem}.retro-search__input{color:#333;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.retro-search__input::placeholder{color:#aaa}.retro-search__clear{color:#666;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex}.retro-search__clear:hover{color:#333;background:#d1d5db}@media (width<=600px){.retro-search{padding:.8rem .6rem 0}.retro-search__input{font-size:.82rem}}.retro-topbar{z-index:1000;color:#fff;background:#2b2b2b;border-bottom:2px solid #ed6c02;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.retro-topbar__inner{align-items:center;gap:1rem;display:flex}.retro-topbar__brand{color:#f39c12;text-shadow:2px 2px #000;letter-spacing:-1px;font-family:Arial Black,sans-serif;font-size:1.5rem;font-weight:900}.retro-topbar__sub{color:#ccc;border-left:1px solid #555;padding-left:1rem;font-size:.85rem}.retro-nav{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border-bottom:1px solid #0000000f;align-items:stretch;display:flex}.retro-nav__tabs{flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex;overflow:visible}.retro-nav__item{color:#555;cursor:pointer;white-space:nowrap;letter-spacing:-.2px;background:0 0;border:none;border-bottom:2px solid #0000;padding:.7rem 1.2rem;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.retro-nav__item:hover{color:#6c5ce7}.retro-nav__item--active{color:#6c5ce7;border-bottom:2px solid #6c5ce7;font-weight:800}.retro-nav__dropdown{display:flex;position:relative}.retro-nav__sub{-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffe6;border:1px solid #00000014;border-radius:0 0 12px 12px;min-width:140px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001a}.retro-nav__sub-item{color:#555;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.55rem 1rem;font-size:.82rem;font-weight:600;transition:background .15s,color .15s;display:block}.retro-nav__sub-item:hover{color:#6c5ce7;background:#6c5ce70f}.retro-nav__sub-item--active{color:#6c5ce7;background:#6c5ce714;font-weight:700}.retro-nav__upload{color:#00ffe7;cursor:pointer;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 6px #00ffe7,0 0 14px #00ffe7;background:0 0;border:none;border-left:1px solid #555;flex:none;align-items:center;height:100%;padding:.6rem 1.2rem;font-size:.85rem;font-weight:800;transition:text-shadow .2s,background .15s;display:flex}.retro-nav__upload:hover{text-shadow:0 0 8px #00ffe7,0 0 20px #00ffe7,0 0 36px #00ffe7;background:#00ffe71a}.upload-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:500;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.upload-modal{background:#1a1a2e;border:2px solid #f39c12;border-radius:4px;width:100%;max-width:480px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 0 40px #f39c1240,4px 4px #000}.upload-modal__close{color:#aaa;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex;position:absolute;top:.75rem;right:.75rem}.upload-modal__close:hover{color:#fff;background:#333}.upload-modal__header{align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.upload-modal__pixel{background:#f39c12;width:10px;height:10px;display:inline-block;box-shadow:4px 0 #e67e22,-4px 0 #f1c40f}.upload-modal__title{color:#f39c12;letter-spacing:.06em;text-transform:uppercase;font-size:1.1rem;font-weight:900}.upload-alert{border-radius:3px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.82rem}.upload-alert--success{color:#55efc4;background:#00b8941f;border:1px solid #00b894}.upload-alert--error{color:#ff7675;background:#e74c3c1f;border:1px solid #e74c3c}.upload-field{margin-bottom:1rem}.upload-label{color:#f39c12;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.upload-label span{color:#e74c3c;margin-left:2px}.upload-input,.upload-select{color:#e0daf0;background:#ffffff0d;border:1px solid #444;border-radius:3px;outline:none;width:100%;padding:.55rem .8rem;font-family:inherit;font-size:.87rem;transition:border-color .2s}.upload-input:focus,.upload-select:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c1226}.upload-input::placeholder{color:#555}.upload-select{appearance:none;cursor:pointer}.upload-select option{color:#e0daf0;background:#1a1a2e}.upload-hint{color:#666;margin-top:.3rem;font-size:.7rem;display:block}.upload-thumb-preview{aspect-ratio:4/3;background:#111;border:1px solid #333;border-radius:3px;width:100%;margin-top:.6rem;position:relative;overflow:hidden}.upload-thumb-preview img{object-fit:cover;width:100%;height:100%}.upload-thumb-preview span{color:#555;pointer-events:none;justify-content:center;align-items:center;font-size:.72rem;display:flex;position:absolute;inset:0}.upload-submit{color:#1a1a1a;cursor:pointer;letter-spacing:.05em;background:#f39c12;border:none;border-radius:3px;width:100%;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #c0392b}.upload-submit:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #c0392b}.upload-submit:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #c0392b}.upload-submit:disabled{opacity:.5;cursor:not-allowed}.upload-img-picker{aspect-ratio:16/9;cursor:pointer;background:#111;border:2px dashed #444;border-radius:4px;width:100%;transition:border-color .2s;display:block;overflow:hidden}.upload-img-picker:hover{border-color:#f39c12}.upload-img-picker__placeholder{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.retro-content{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2rem}.retro-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:1.2rem;display:grid}.retro-grid>.retro-card:first-child{grid-area:span 2/span 2}.retro-grid>.retro-card:first-child .retro-card__img{aspect-ratio:auto;height:100%}.retro-grid>.retro-card:first-child .retro-card__name{font-size:1.1rem}.retro-grid>.retro-card:first-child .retro-card__desc{display:-webkit-box}@media (width<=900px){.retro-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.retro-grid>.retro-card:first-child{grid-area:span 2/span 2}}@media (width<=600px){.retro-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.retro-grid>.retro-card:first-child{grid-area:span 1/span 2}.retro-grid>.retro-card:first-child .retro-card__img{aspect-ratio:16/9;height:auto}.retro-grid>.retro-card:first-child .retro-card__name{font-size:.95rem}}.rank-list{flex-direction:column;gap:.6rem;display:flex}.rank-card{color:inherit;-webkit-backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #fff9;border-radius:14px;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.rank-card:hover{border-color:#6c5ce740;transform:translate(4px);box-shadow:0 6px 20px #6c5ce71f}.rank-card--top{background:#ffffffb3;border:1px solid #6c5ce726}.rank-card__num{color:#aaa;letter-spacing:-1px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex}.rank-card__num--top{font-size:1.4rem}.rank-card__thumb{background:#eee;border-radius:10px;flex-shrink:0;width:72px;height:54px;overflow:hidden}.rank-card__thumb img{object-fit:cover;width:100%;height:100%}.rank-card__thumb-fallback{color:#555;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;display:flex}.rank-card__body{flex:1;min-width:0}.rank-card__top{flex-wrap:wrap;align-items:baseline;gap:.35rem;margin-bottom:.15rem;display:flex}.rank-card__title{color:#1a1a2e;letter-spacing:-.3px;font-size:.95rem;font-weight:800}.rank-card:hover .rank-card__title{color:#6c5ce7}.rank-card__best{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:4px;padding:2px 7px;font-size:.6rem;font-weight:900}.rank-card__rating{color:#f39c12;font-size:.75rem;font-weight:700}.rank-card__desc{color:#777;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-size:.8rem;line-height:1.45;overflow:hidden}.rank-card__meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.rank-card__cat{font-size:.72rem;font-weight:700}.rank-card__creator{color:#999;font-size:.72rem}.rank-card__views{color:#999;margin-left:auto;font-size:.72rem}@media (width<=600px){.rank-card{border-radius:10px;gap:.6rem;padding:.6rem .7rem}.rank-card__num{width:28px;height:28px;font-size:.85rem}.rank-card__num--top{font-size:1.2rem}.rank-card__thumb{border-radius:8px;width:56px;height:42px}.rank-card__title{font-size:.85rem}.rank-card__desc{font-size:.75rem}}.retro-card{color:inherit;-webkit-backdrop-filter:blur(16px);background:#ffffff8c;border:1px solid #fff9;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000f}.retro-card:hover{border-color:#6c5ce74d;transform:translateY(-6px);box-shadow:0 12px 32px #6c5ce726,0 4px 12px #00000014}.retro-card__img{aspect-ratio:4/3;background:linear-gradient(135deg,#1a1a2e,#2d1b69);width:100%;position:relative;overflow:hidden}.retro-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.retro-card:hover .retro-card__img img{transform:scale(1.05)}.retro-card__info{padding:.75rem .85rem .9rem}.retro-card__name{color:#1a1a2e;letter-spacing:-.2px;margin-bottom:.2rem;font-size:.9rem;font-weight:800;line-height:1.3}.retro-card__creator{color:#888;margin-bottom:.25rem;font-size:.72rem;font-weight:500}.retro-card__desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=600px){.retro-card{border-radius:12px}.retro-card__info{padding:.5rem .6rem .65rem}.retro-card__name{font-size:.82rem}.retro-card__desc{display:none}}.retro-card__rank{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:3;letter-spacing:-.5px;background:#00000080;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:900;display:flex;position:absolute;top:6px;left:6px}.retro-card__rank--top{background:linear-gradient(135deg,#6c5ce7,#a29bfe);font-size:.78rem;box-shadow:0 2px 8px #6c5ce766}.retro-card__img--no-thumb{background:linear-gradient(135deg,#1a1a2e,#2d1b69);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.retro-card__img-cat{letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:800}.retro-card__img-title{color:#ffffffd9;text-align:center;padding:0 .5rem;font-size:.88rem;font-weight:700;line-height:1.3}.retro-card__img-rating{color:#f39c12;font-size:.72rem;font-weight:700}.retro-loading{text-align:center;color:#666;padding:4rem;font-size:1.2rem}.retro-detail__header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 2rem;display:flex}.retro-detail__header-left{flex:1;min-width:0}.retro-detail__stats{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;font-size:.85rem;display:flex}.retro-detail__stat{align-items:center;gap:.3rem;display:flex}.retro-detail__stat--cat{background:var(--accent-bg);color:var(--accent);border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:700}.retro-detail__header-actions{flex-shrink:0;gap:.5rem;padding-top:.25rem;display:flex}.retro-detail__btn{cursor:pointer;border:none;border-radius:6px;padding:.45rem .9rem;font-size:.8rem;font-weight:700}.retro-detail__btn--edit{color:#a0aec0;background:#2d3748}.retro-detail__btn--edit:hover{color:#fff;background:#4a5568}.retro-detail__btn--del{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d}.retro-detail__btn--del:hover{background:#e74c3c33}.retro-detail__iframe-bar{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:.5rem 2rem;display:flex}.retro-detail__iframe-btn{color:#ccc;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:4px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s}.retro-detail__iframe-btn:hover{color:#fff;background:#ffffff26}.retro-detail__no-url{text-align:center;color:#888;padding:3rem;font-size:.9rem}.retro-detail{color:#333;background:#f8f9fa;min-height:100vh;padding-top:64px;padding-bottom:4rem}.retro-detail__back{color:#666;background:#fff;border-bottom:1px solid #ddd;padding:1rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.retro-detail__back:hover{color:#d35400}.retro-detail__top{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 2rem;display:grid}@media (width<=768px){.retro-detail__top{grid-template-columns:1fr;gap:1.5rem}}.retro-detail__screenshot{aspect-ratio:4/3;background:#000;border:4px solid #333;border-radius:4px;width:100%;overflow:hidden;box-shadow:4px 4px #0003}.retro-detail__screenshot img{object-fit:cover;width:100%;height:100%}.retro-detail__no-img{color:#555;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.retro-detail__info{background:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000000d}.retro-detail__title{color:#111;margin-bottom:.5rem;font-size:2rem;font-weight:900}.retro-detail__rating-row{border-bottom:1px dashed #ccc;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.retro-detail__rating-num{color:#333;font-size:1.2rem;font-weight:800}.retro-detail__review-count{color:#888;font-size:.9rem}.retro-detail__desc{color:#444;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.retro-detail__meta{background:#f5f5f5;border-radius:6px;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}.retro-detail__meta-item{flex-direction:column;display:flex}.retro-detail__meta-label{color:#888;text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem;font-weight:700}.retro-detail__meta-value{color:#222;font-size:1rem;font-weight:600}.retro-detail__actions{gap:1rem;display:flex}.retro-detail__play-btn{color:#fff;text-align:center;background:#d35400;border-radius:6px;flex:1;padding:1rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:background .2s}.retro-detail__play-btn:hover{background:#e67e22}.retro-detail__delete-btn{color:#e74c3c;cursor:pointer;background:#fff0f0;border:1px solid #ffdcdc;border-radius:6px;padding:1rem;font-weight:700;transition:background .2s}.retro-detail__delete-btn:hover{background:#ffe0e0}.retro-detail__section{background:#fff;border:1px solid #ddd;border-radius:8px;max-width:1200px;margin:2rem auto;padding:2rem;box-shadow:0 2px 8px #0000000d}.retro-detail__iframe-section{max-width:1200px;margin:2rem auto;padding:0 2rem}.retro-detail__section-title{color:#111;border-bottom:2px solid #ed6c02;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:800;display:flex}.retro-detail__iframe-wrap{background:#2b2b2b;border:4px solid #ed6c02;border-radius:8px;width:100%;height:70vh;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.retro-detail__iframe-loading{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.retro-detail__iframe-wrap iframe{background:#fff;border:none;width:100%;height:100%;transition:opacity .5s}.retro-detail__description p{color:#444;margin-bottom:1rem;font-size:1rem;line-height:1.8}.review-summary{background:#f9fafb;border:1px solid #eee;border-radius:8px;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.review-summary__big-score{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:150px;display:flex}.review-summary__number{color:#111;margin-bottom:.5rem;font-size:3.5rem;font-weight:900;line-height:1}.review-summary__stars{margin-bottom:.5rem;font-size:1.5rem}.review-summary__count{color:#666;font-size:.9rem}.review-summary__bars{flex-direction:column;flex:2;gap:.4rem;min-width:250px;display:flex}.review-summary__bar-row{color:#666;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.review-summary__bar-track{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.review-summary__bar-fill{background:#f39c12;border-radius:4px;height:100%}.review-form{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.review-form__heading{color:#333;margin-bottom:1rem;font-weight:700}.review-form__stars{margin-bottom:1rem}.review-form__star{cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.5rem}.review-form__star--active{color:#f39c12}.review-form__star--inactive{color:#ddd}.review-form__input{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;min-height:80px;margin-bottom:1rem;padding:1rem;font-family:inherit}.review-form__submit{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:700}.review-form__submit:disabled{opacity:.5;cursor:not-allowed}.review-login-prompt{text-align:center;color:#666;background:#f9fafb;border-radius:8px;margin-bottom:2rem;padding:2rem}.review-login-prompt a{color:#00b894;font-weight:700;text-decoration:underline}.review-item{border-bottom:1px solid #eee;padding:1.5rem 0}.review-item:last-child{border-bottom:none}.review-item__header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.review-item__avatar{color:#666;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.review-item__name{color:#111;font-size:.95rem;font-weight:600}.review-item__date{color:#888;margin-left:auto;font-size:.8rem}.review-item__delete{color:#e74c3c;cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-size:.8rem}.review-item__comment{color:#444;font-size:.95rem;line-height:1.6}.story-page{padding-top:64px}.story-section{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.story-section.story-visible{opacity:1;transform:translateY(0)}.story-hero{text-align:center;background:linear-gradient(160deg,#0d0b14 0%,#1a1a2e 40%,#16213e 100%);justify-content:center;align-items:center;min-height:85vh;display:flex;position:relative;overflow:hidden}.story-hero__bg{pointer-events:none;background:radial-gradient(at 30% 20%,#6c5ce733 0%,#0000 50%),radial-gradient(at 70% 80%,#00b8941f 0%,#0000 50%),radial-gradient(#f39c120f 0%,#0000 60%);position:absolute;inset:0}.story-hero__content{z-index:1;max-width:700px;padding:2rem;position:relative}.story-hero__badge{color:var(--accent-light);background:#6c5ce726;border:1px solid #6c5ce74d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.story-hero__badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.story-hero__title{color:#fff;letter-spacing:-1px;margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.15}.story-hero__gradient{background:linear-gradient(135deg, var(--accent-light), #00b894);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.story-hero__desc{color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.story-hero__desc strong{color:#fff}.story-hero__scroll-hint{color:#ffffff59;flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;animation:2s ease-in-out infinite floatDown;display:flex}.story-hero__scroll-hint span:first-child{font-size:1.5rem}.story-hero__user-count{color:#ffffff80;margin-top:1.5rem;font-size:1rem}.story-hero__user-num{color:#a29bfe;font-size:1.5rem;font-weight:900}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.story-section__inner{max-width:1000px;margin:0 auto;padding:5rem 2rem}.story-section__label{letter-spacing:2px;color:var(--accent);text-transform:uppercase;background:var(--accent-bg);border-radius:50px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.7rem;font-weight:800;display:inline-block}.story-section__title{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1.3}.story-accent{color:var(--accent)}.story-section__desc{color:var(--text-secondary);max-width:680px;font-size:1.05rem;line-height:1.8}.story-mission{border-bottom:1px solid var(--border);background:#fff}.story-stats{background:linear-gradient(135deg,#0d0b14,#1a1a2e)}.story-stats__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.story-stat-card{text-align:center;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14;padding:2rem 1rem;transition:transform .3s,border-color .3s}.story-stat-card:hover{border-color:var(--accent);transform:translateY(-4px)}.story-stat-card__icon{margin-bottom:.75rem;font-size:2rem;display:block}.story-stat-card__number{color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:900;display:block}.story-stats__teacher-count{text-align:center;padding:2.5rem 1rem}.story-stats__count-num{color:#a29bfe;margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;display:block}.story-stats__count-label{color:#ffffffb3;font-size:1.1rem}.story-stat-card__label{color:#fff9;font-size:.85rem}.story-values__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem;display:grid}.story-value-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s}.story-value-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.story-value-card__icon{margin-bottom:.75rem;font-size:2rem;display:block}.story-value-card__title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.story-value-card__desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.story-timeline-section{background:var(--bg)}.story-timeline{margin-top:2.5rem;padding-left:2rem;position:relative}.story-timeline:before{content:"";background:linear-gradient(180deg, var(--accent), var(--green));border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:.75rem}.story-timeline__item{margin-bottom:2.5rem;padding-left:1.5rem;position:relative}.story-timeline__dot{background:var(--bg-card);border:2px solid var(--accent);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;position:absolute;top:.2rem;left:-1.65rem}.story-timeline__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;transition:all .3s}.story-timeline__card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md)}.story-timeline__year{color:var(--accent);background:var(--accent-bg);border-radius:4px;margin-bottom:.5rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.story-timeline__title{color:var(--text-primary);margin-bottom:.35rem;font-size:1rem;font-weight:700}.story-timeline__desc{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.story-team__grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem;display:grid}.story-team-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1rem;transition:all .3s}.story-team-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.story-team-card__emoji{margin-bottom:.75rem;font-size:2.5rem;display:block}.story-team-card__name{color:var(--text-primary);margin-bottom:.2rem;font-size:1.05rem;font-weight:700}.story-team-card__role{color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.story-team-card__desc{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.story-hero__cta{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:12px;margin-bottom:1.5rem;padding:1rem 2.2rem;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 20px #6c5ce766}.story-hero__cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce78c}.story-hero__badges{color:#ffffff8c;flex-wrap:wrap;justify-content:center;gap:1.2rem;font-size:.78rem;display:flex}.story-brand{border-bottom:1px solid var(--border);background:#fff}.story-brand__content{max-width:700px}.story-brand__text{color:var(--text-secondary);margin-bottom:1.2rem;font-size:1.02rem;line-height:1.85}.story-brand__text strong{color:var(--text-primary)}.story-brand__quote{border-left:4px solid var(--accent);background:var(--accent-bg);color:var(--text-primary);border-radius:0 10px 10px 0;margin:1.5rem 0;padding:1.2rem 1.5rem;font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.8}.story-values__grid--3{grid-template-columns:repeat(3,1fr)}.story-features{background:linear-gradient(135deg,#f8f7ff 0%,#f0fdf9 100%)}.story-features__tabs{border-bottom:2px solid #e5e7eb;gap:0;margin:2rem 0 0;display:flex;overflow-x:auto}.story-features__tab{cursor:pointer;color:#888;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.3rem;font-size:.88rem;font-weight:700;transition:color .2s}.story-features__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.story-features__panel{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:2rem;padding:2.5rem;box-shadow:0 2px 12px #0000000a}.story-features__emoji{margin-bottom:1rem;font-size:3rem}.story-features__panel-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:800}.story-features__panel-desc{color:var(--text-secondary);max-width:500px;margin:0 auto 1.2rem;font-size:1rem;line-height:1.75}.story-features__highlight{color:var(--accent);background:var(--accent-bg);border-radius:50px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;display:inline-block}.story-preview__grid{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.5rem 0;display:grid}.story-preview__app{color:inherit;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.story-preview__app:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000014}.story-preview__thumb{object-fit:cover;background:#f5f5f5;width:100%;height:90px}.story-preview__app-info{padding:.6rem}.story-preview__app-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.story-preview__app-meta{color:#aaa;font-size:.68rem}.story-preview__list{border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:0;margin:1.5rem 0;display:flex;overflow:hidden}.story-preview__row{color:inherit;border-bottom:1px solid #f0f0f0;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .15s;display:flex}.story-preview__row:last-child{border-bottom:none}.story-preview__row:hover{background:#f9f8ff}.story-preview__status{white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.story-preview__status--pending{color:#856404;background:#fff3cd}.story-preview__status--in_progress{color:#0c5460;background:#d1ecf1}.story-preview__status--completed{color:#155724;background:#d4edda}.story-preview__row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.story-preview__row-meta{color:#aaa;white-space:nowrap;font-size:.72rem}.story-preview__empty{color:#aaa;padding:2rem;font-size:.9rem}.story-preview__more{color:var(--accent);margin-top:.5rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.story-preview__more:hover{text-decoration:underline}@media (width<=768px){.story-preview__grid{grid-template-columns:repeat(2,1fr)}}.story-final-cta{background:#fff}.story-final-cta__sub{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.story-final-cta__title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;line-height:1.3}.story-final-cta__count{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.story-final-cta__count strong{color:var(--accent);font-size:1.15rem}.story-final-cta__btn{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:14px;margin-bottom:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 20px #6c5ce759}.story-final-cta__btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce780}.story-final-cta__note{color:#aaa;margin-top:.5rem;font-size:.8rem}@media (width<=768px){.story-hero{min-height:70vh}.story-stats__grid{grid-template-columns:repeat(2,1fr)}.story-values__grid,.story-values__grid--3{grid-template-columns:1fr}.story-team__grid{grid-template-columns:repeat(2,1fr)}.story-section__inner{padding:3rem 1.5rem}.story-features__panel{padding:1.5rem}.story-hero__badges{flex-direction:column;align-items:center;gap:.5rem}}@media (width<=480px){.story-stats__grid,.story-team__grid{grid-template-columns:1fr}}.aitech-page{background:var(--bg);min-height:100vh;padding-top:64px}.aitech-hero{text-align:center;background:linear-gradient(135deg,#0d0b14 0%,#1a1a2e 50%,#0a2342 100%);border-bottom:3px solid #00b894;padding:3rem 2rem 2rem;position:relative;overflow:hidden}.aitech-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#00b89426 0%,#0000 50%),radial-gradient(circle at 70% 60%,#6c5ce71a 0%,#0000 50%);position:absolute;inset:0}.aitech-hero__content{z-index:1;max-width:600px;margin:0 auto;position:relative}.aitech-hero__badge{color:#00d2a4;letter-spacing:1px;background:#00b89426;border:1px solid #00b8944d;border-radius:50px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.aitech-hero__title{color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:900}.aitech-hero__desc{color:#ffffffa6;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.aitech-hero__search{max-width:420px;margin:0 auto;position:relative}.aitech-hero__search-icon{font-size:.85rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.aitech-hero__search input{color:#fff;background:#ffffff14;border:1.5px solid #fff3;border-radius:10px;outline:none;width:100%;padding:.7rem 1rem .7rem 2.5rem;font-family:inherit;font-size:.85rem;transition:all .2s}.aitech-hero__search input::placeholder{color:#ffffff73}.aitech-hero__search input:focus{background:#ffffff26;border-color:#00b894;box-shadow:0 0 0 3px #00b89433}.aitech-tabs{scrollbar-width:none;background:#1a1a2e;border-bottom:2px solid #2d2d44;gap:0;padding:0 1rem;display:flex;overflow-x:auto}.aitech-tabs::-webkit-scrollbar{display:none}.aitech-tab{color:#ffffff8c;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.7rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.aitech-tab:hover{color:#ffffffd9;background:#ffffff0a}.aitech-tab--active{color:#00d2a4;background:#00b89414;border-bottom-color:#00b894}.aitech-board{max-width:960px;margin:0 auto;padding:1.5rem 2rem 4rem}.aitech-board__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.aitech-board__header h2{font-size:1.1rem;font-weight:700}.aitech-board__count{background:var(--green-bg);color:var(--green);border-radius:50px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.aitech-list{flex-direction:column;display:flex}.aitech-item{background:var(--bg-card);border:1px solid var(--border);border-bottom:none;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.aitech-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.aitech-item:last-child{border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}.aitech-item:only-child{border-radius:var(--radius);border-bottom:1px solid var(--border)}.aitech-item:hover{border-left-color:var(--green);background:#fafbff}.aitech-item__left{flex:1;min-width:0}.aitech-item__top-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.aitech-item__category{text-transform:uppercase;letter-spacing:.3px;background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.aitech-item__category--llm{color:#e67e22;background:#f39c121a}.aitech-item__category--aiagent{color:var(--accent);background:#6c5ce71a}.aitech-item__category--aitool{color:var(--green);background:#00b8941a}.aitech-item__category--edutech{color:#2980b9;background:#3498db1a}.aitech-item__category--vibecoding{color:#e74c3c;background:#e74c3c14}.aitech-item__hot{color:#e74c3c;background:#e74c3c14;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:800;animation:2s ease-in-out infinite hotPulse}.aitech-item__title{color:var(--text-primary);margin-bottom:.35rem;font-size:1rem;font-weight:700;line-height:1.4}.aitech-item__summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.aitech-item__tags{flex-wrap:wrap;gap:.35rem;display:flex}.aitech-item__tag{color:var(--text-muted);font-size:.68rem;font-weight:500}.aitech-item__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;min-width:90px;display:flex}.aitech-item__source{color:var(--text-secondary);font-size:.72rem;font-weight:600}.aitech-item__date{color:var(--text-muted);font-size:.7rem}@media (width<=768px){.aitech-board{padding:1rem 1.25rem 4rem}.aitech-item{flex-direction:column;gap:.5rem;padding:1rem}.aitech-item__right{flex-direction:row;justify-content:space-between;width:100%}}.admin-page{background:var(--bg);min-height:100vh;padding-top:80px}.admin-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.admin-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.6rem;font-weight:800}.admin-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.admin-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.admin-tab:hover{color:var(--accent)}.admin-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.admin-content{min-height:300px}.admin-count{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.admin-loading{text-align:center;color:var(--text-muted);padding:3rem 0}.admin-empty{text-align:center;color:var(--text-muted);padding:3rem 0;font-size:.95rem}.admin-list{flex-direction:column;gap:.75rem;display:flex}.admin-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:border-color .2s;display:flex}.admin-item:hover{border-color:var(--border-hover)}.admin-item__info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.admin-item__title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.admin-item__title code{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:.1rem .4rem;font-size:.8rem}.admin-item__meta{color:var(--text-muted);font-size:.78rem}.admin-item__meta code{color:var(--text-secondary);background:#0000000d;border-radius:3px;padding:.1rem .35rem;font-size:.75rem}.admin-item__actions{flex-shrink:0;gap:.5rem;display:flex}.admin-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.admin-btn--approve{color:var(--green);background:#00b89414;border-color:#00b89440}.admin-btn--approve:hover{border-color:var(--green);background:#00b89426}.admin-btn--reject{color:var(--red);background:#e1705514;border-color:#e1705540}.admin-btn--reject:hover{border-color:var(--red);background:#e1705526}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.category-add-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem}.category-add-form__title{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem;font-weight:700}.category-add-form__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.category-add-form__input{border:1px solid var(--border);background:var(--bg);min-width:120px;color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:.6rem .75rem;font-size:.85rem;transition:border-color .2s}.category-add-form__input:focus{border-color:var(--accent)}.category-add-form__input--small{flex:0;max-width:80px}.category-add-form__error{color:var(--red);margin-top:.5rem;font-size:.8rem}.category-emoji{font-size:1.1rem}.nav__admin-btn{color:#fff;background:var(--red);border-radius:20px;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.nav__admin-btn:hover{background:#c0392b}@media (width<=768px){.admin-container{padding:1.5rem 1rem 3rem}.admin-tabs{gap:0}.admin-tab{padding:.6rem .75rem;font-size:.8rem}.admin-item{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-item__actions{justify-content:flex-end;width:100%}.category-add-form__row{flex-direction:column}.category-add-form__input{width:100%}.category-add-form__input--small{max-width:100%}}.visitor-counter{background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.45rem;padding:.2rem .7rem;font-family:Courier New,monospace;display:inline-flex}.visitor-counter__item{align-items:center;gap:.25rem;display:flex}.visitor-counter__label{color:#999;letter-spacing:.5px;font-size:.6rem;font-weight:700}.visitor-counter__num{color:#f39c12;font-size:.75rem;font-weight:900}.visitor-counter__divider{color:#666;font-size:.65rem}.home-visitor-banner{background:#1a1a2e;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.home-visitor-banner__counter{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.8rem;padding:.6rem 2rem;font-family:Courier New,monospace;display:inline-flex}.home-visitor-banner__item{align-items:center;gap:.4rem;display:flex}.home-visitor-banner__label{color:#999;letter-spacing:.5px;font-size:.75rem;font-weight:700}.home-visitor-banner__num{color:#f39c12;font-size:1.1rem;font-weight:900}.home-visitor-banner__divider{color:#666;font-size:.85rem}.suda-bubble{z-index:9999;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7d9,#0984e3d9);border:1px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;animation:2.5s infinite suda-pulse;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 24px #6c5ce759,0 0 #6c5ce74d}.suda-bubble:hover{animation:none;transform:scale(1.08);box-shadow:0 10px 32px #6c5ce78c}@keyframes suda-pulse{0%,to{box-shadow:0 8px 24px #6c5ce759,0 0 #6c5ce74d}50%{box-shadow:0 8px 24px #6c5ce759,0 0 0 12px #6c5ce700}}.suda-bubble__icon{font-size:1.4rem;line-height:1}.suda-bubble__badge{color:#fff;background:#e17055;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #e1705566}.suda-panel{z-index:9998;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;flex-direction:column;width:640px;max-height:650px;animation:.3s cubic-bezier(.34,1.56,.64,1) suda-slide-up;display:flex;position:fixed;bottom:5.5rem;right:1.5rem;overflow:hidden;box-shadow:0 20px 60px #6c5ce72e,0 4px 16px #0000000f}@keyframes suda-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.suda-toast{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;background:#e74c3ceb;border-radius:10px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;animation:.25s suda-toast-in;position:absolute;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #e74c3c4d}@keyframes suda-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.suda-header{border-bottom:1px solid #6c5ce714;padding:1.2rem 1.3rem .8rem}.suda-header__top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.suda-header__title{color:#2d1b69;letter-spacing:-.4px;margin:0;font-size:1.2rem;font-weight:900}.suda-header__refresh{color:#6c5ce7;cursor:pointer;background:#fff9;border:1px solid #6c5ce733;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.suda-header__refresh:hover{background:#6c5ce71a;border-color:#6c5ce766;transform:rotate(60deg)}.suda-header__desc{color:#5a6a80;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.78rem;line-height:1.5;display:flex}.suda-header__badge{color:#6c5ce7;letter-spacing:-.2px;background:#6c5ce71a;border:1px solid #6c5ce733;border-radius:20px;padding:.15rem .55rem;font-size:.68rem;font-weight:800;display:inline-block}.suda-form{flex-direction:column;gap:.55rem;padding:.9rem 1.3rem;display:flex}.suda-form__row{gap:.5rem;display:flex}.suda-form__nick{color:#2d1b69;background:#ffffffb3;border:1.5px solid #6c5ce726;border-radius:12px;outline:none;flex:1;padding:.65rem .9rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.suda-form__nick::placeholder{color:#aab1c4}.suda-form__nick:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.suda-form__pw{color:#2d1b69;background:#ffffffb3;border:1.5px solid #6c5ce726;border-radius:12px;outline:none;flex-shrink:0;width:110px;padding:.65rem .7rem;font-family:inherit;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.suda-form__pw::placeholder{color:#aab1c4;font-size:.75rem}.suda-form__pw:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.suda-form__img-btn{color:#6c5ce7;cursor:pointer;background:#ffffffb3;border:1.5px solid #6c5ce726;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.suda-form__img-btn:hover{background:#6c5ce71a;border-color:#6c5ce7;transform:scale(1.05)}.suda-form__preview{border:1.5px solid #6c5ce74d;border-radius:12px;max-height:120px;position:relative;overflow:hidden}.suda-form__preview img{object-fit:cover;width:100%;max-height:120px;display:block}.suda-form__preview-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex;position:absolute;top:4px;right:4px}.suda-form__content{color:#2d1b69;resize:none;background:#ffffffb3;border:1.5px solid #6c5ce726;border-radius:12px;outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.85rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.suda-form__content::placeholder{color:#aab1c4}.suda-form__content:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.suda-form__submit{color:#fff;cursor:pointer;letter-spacing:-.2px;background:linear-gradient(135deg,#6c5ce7 0%,#0984e3 100%);border:none;border-radius:12px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem;font-weight:800;transition:transform .1s,box-shadow .2s,filter .2s;box-shadow:0 4px 14px #6c5ce74d}.suda-form__submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce773}.suda-form__submit:disabled{opacity:.5;cursor:not-allowed}.suda-list{scrollbar-width:thin;scrollbar-color:#6c5ce74d transparent;border-top:1px solid #6c5ce714;flex:1;min-height:0;max-height:320px;padding:0 .3rem .5rem 0;overflow-y:auto}.suda-list::-webkit-scrollbar{width:5px}.suda-list::-webkit-scrollbar-track{background:0 0}.suda-list::-webkit-scrollbar-thumb{background:#6c5ce74d;border-radius:3px}.suda-list__empty{color:#8895ad;text-align:center;justify-content:center;align-items:center;padding:2.5rem 1rem;font-size:.88rem;display:flex}.suda-msg{border-top:1px solid #6c5ce70f;padding:.85rem 1.3rem;transition:background .15s}.suda-msg:first-child{border-top:none}.suda-msg:hover{background:#6c5ce70a}.suda-msg__head{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.suda-msg__nick{text-underline-offset:2px;font-size:.85rem;font-weight:800;text-decoration:underline}.suda-msg__time{color:#8895ad;white-space:nowrap;margin-left:auto;font-size:.72rem}.suda-msg__img{border:1px solid #6c5ce71f;border-radius:10px;max-width:280px;margin:.4rem 0;overflow:hidden}.suda-msg__img img{cursor:pointer;width:100%;transition:opacity .2s;display:block}.suda-msg__img img:hover{opacity:.88}.suda-msg__text{color:#2d3748;word-break:break-word;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.6}.suda-msg__delete{color:#b0b8c8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:.7rem;transition:opacity .15s,color .15s,background .15s}.suda-msg:hover .suda-msg__delete{opacity:1}.suda-msg__delete:hover{color:#e17055;background:#e170551f}.suda-delete-modal{z-index:20;-webkit-backdrop-filter:blur(8px);background:#2d1b6959;border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.suda-delete-modal__box{-webkit-backdrop-filter:blur(16px);text-align:center;background:#ffffffeb;border:1px solid #fffc;border-radius:16px;width:280px;padding:1.5rem;box-shadow:0 16px 40px #2d1b6933}.suda-delete-modal__title{color:#2d1b69;margin:0 0 .8rem;font-size:.95rem;font-weight:800}.suda-delete-modal__input{color:#2d1b69;background:#ffffffb3;border:1.5px solid #6c5ce733;border-radius:10px;outline:none;width:100%;margin-bottom:.8rem;padding:.6rem .8rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.suda-delete-modal__input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.suda-delete-modal__btns{gap:.5rem;display:flex}.suda-delete-modal__cancel{color:#6c5ce7;cursor:pointer;background:#6c5ce714;border:none;border-radius:10px;flex:1;padding:.55rem;font-size:.82rem;font-weight:700;transition:background .15s}.suda-delete-modal__cancel:hover{background:#6c5ce726}.suda-delete-modal__confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e17055,#d63031);border:none;border-radius:10px;flex:1;padding:.55rem;font-size:.82rem;font-weight:700;transition:filter .15s,transform .1s;box-shadow:0 3px 10px #e170554d}.suda-delete-modal__confirm:hover{filter:brightness(1.05);transform:translateY(-1px)}@media (width<=480px){.suda-panel{border-radius:16px;width:calc(100vw - 1rem);max-height:75vh;bottom:5rem;right:.5rem}.suda-bubble{width:50px;height:50px;bottom:1rem;right:1rem}.suda-bubble__icon{font-size:1.2rem}.suda-header{padding:1rem 1rem .6rem}.suda-form,.suda-msg{padding:.7rem 1rem}}.milkit-gate{background:linear-gradient(160deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex}.milkit-gate__card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.milkit-gate__card--shake{animation:.4s milkit-shake}@keyframes milkit-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.milkit-gate__icon{margin-bottom:1rem;font-size:3rem}.milkit-gate__title{color:#fff;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.6rem;font-weight:900}.milkit-gate__desc{color:#fff9;margin-bottom:1.5rem;font-size:.88rem;line-height:1.6}.milkit-gate__form{flex-direction:column;gap:.8rem;display:flex}.milkit-gate__input{color:#fff;text-align:center;letter-spacing:2px;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.milkit-gate__input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce733}.milkit-gate__input::placeholder{color:#ffffff4d;letter-spacing:0}.milkit-gate__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:12px;padding:.75rem;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s}.milkit-gate__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766}.milkit-gate__error{color:#ff7675;margin-top:.5rem;font-size:.82rem;font-weight:600}.milkit-page{background:linear-gradient(160deg,#e8e0f0 0%,#dce6f5 40%,#e0f0ec 100%);min-height:100vh;padding-top:64px}.milkit-header{text-align:center;padding:2.5rem 1.5rem 1.5rem}.milkit-header__badge{color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:20px;margin-bottom:.8rem;padding:.25rem 1rem;font-size:.7rem;font-weight:900;display:inline-block}.milkit-header__title{color:#1a1a2e;letter-spacing:-1px;margin-bottom:.4rem;font-size:1.8rem;font-weight:900}.milkit-header__desc{color:#666;font-size:.9rem}.milkit-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:900px;margin:0 auto;padding:1rem 1.5rem 3rem;display:grid}.milkit-card{-webkit-backdrop-filter:blur(16px);background:#fff9;border:1px solid #ffffffb3;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.2rem;transition:transform .2s,box-shadow .2s;display:flex}.milkit-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #6c5ce71f}.milkit-card__icon{font-size:2rem}.milkit-card__body{flex:1}.milkit-card__tag{color:#6c5ce7;background:#6c5ce71a;border-radius:8px;margin-bottom:.3rem;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.milkit-card__title{color:#1a1a2e;letter-spacing:-.3px;margin:0 0 .25rem;font-size:.95rem;font-weight:800}.milkit-card__desc{color:#777;margin:0;font-size:.78rem;line-height:1.5}.milkit-card__btn{color:#999;cursor:default;background:#ffffff80;border:1px solid #ddd;border-radius:8px;align-self:flex-start;padding:.4rem 1rem;font-size:.75rem;font-weight:700}@media (width<=600px){.milkit-grid{grid-template-columns:1fr;padding:1rem}.milkit-header__title{font-size:1.4rem}.milkit-gate__card{padding:2rem 1.5rem}}