:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10101f;--bg-2:#17172c;--surface:#ffffff1a;--surface-strong:#ffffff29;--text:#fff9f2;--muted:#c8bfd9;--line:#ffffff2e;--hot:#ff4f9a;--sun:#ffd65c;--cyan:#45f2ff;--lime:#c9ff4d;--violet:#8b6dff;--ink:#11111f;--shadow:0 24px 80px #00000052;--radius-xl:34px;--radius-lg:24px;--radius-md:16px;--font-display:"Bricolage Grotesque", "Trebuchet MS", Verdana, sans-serif;--font-body:"Nunito", "Trebuchet MS", Verdana, sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff7eb;--bg-2:#ffe8f1;--surface:#ffffffb8;--surface-strong:#ffffffe6;--text:#1b1828;--muted:#675d75;--line:#1613221f;--ink:#fff;--shadow:0 24px 80px #d453812e}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 8% 12%, #ff4f9a57, transparent 28rem), radial-gradient(circle at 92% 0%, #45f2ff3d, transparent 26rem), linear-gradient(135deg, var(--bg), var(--bg-2));min-height:100vh;color:var(--text);font-family:var(--font-body);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(90deg, var(--line) 1px, transparent 1px), linear-gradient(var(--line) 1px, transparent 1px);z-index:-3;background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 15%,#000,#0000 76%);mask-image:radial-gradient(circle at 50% 15%,#000,#0000 76%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.ambient{filter:blur(20px);opacity:.18;pointer-events:none;z-index:-2;border-radius:999px;width:22rem;height:22rem;animation:9s ease-in-out infinite floaty;position:fixed}.ambient-one{background:var(--hot);top:28rem;left:-9rem}.ambient-two{background:var(--cyan);animation-delay:-3s;bottom:8rem;right:-8rem}.site-header{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:color-mix(in srgb, var(--bg) 74%, transparent);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:max-content;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--hot), var(--sun), var(--cyan));color:#10101f;width:3rem;height:3rem;font-family:var(--font-display);border-radius:1rem;place-items:center;font-weight:900;display:grid;box-shadow:0 0 30px #ff4f9a57}.brand strong,.section-heading h2,.hero h1,.hero-card strong,.group-card h3,.idol-card h3,.feature-card h3,.quiz-runner h2,.game-intro h2,.profile-card h2{font-family:var(--font-display);letter-spacing:-.04em}.brand small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.desktop-nav{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:.2rem;padding:.35rem;display:flex}.desktop-nav a,.ghost-link{color:var(--muted);border-radius:999px;padding:.62rem .86rem;font-size:.9rem;font-weight:900;transition:all .18s}.desktop-nav a:hover,.desktop-nav a.active,.ghost-link:hover{color:var(--text);background:var(--surface-strong)}.header-actions{align-items:center;gap:.6rem;display:flex}.theme-toggle,.round-action,.modal-close{border:1px solid var(--line);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--text);border-radius:999px;place-items:center;transition:all .18s;display:grid}.theme-toggle:hover,.round-action:hover,.round-action.active{background:linear-gradient(135deg, var(--sun), var(--hot));color:#10101f;transform:translateY(-2px)scale(1.03)}.round-action.hot.active,.button.hot{background:linear-gradient(135deg, var(--hot), #ff9159);color:#fff}.mobile-bottom-nav{display:none}.app-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:clamp(1.2rem,3vw,2.8rem) 0 5.5rem}.page{gap:clamp(1.25rem,3vw,2.4rem);display:grid}.glass-panel,.group-card,.idol-card,.feature-card,.photo-card,.term-card,.katseye-spotlight,.home-note-card,.popular-chip{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.card-hover{transition:transform .22s,border-color .22s,box-shadow .22s}.card-hover:hover{border-color:color-mix(in srgb, var(--cyan) 55%, var(--line));box-shadow:0 30px 90px #45f2ff21, var(--shadow);transform:translateY(-5px)rotate(-.3deg)}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:560px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.78rem;font-weight:1000;display:inline-flex}.eyebrow:before{content:"";background:var(--hot);width:.55rem;height:.55rem;box-shadow:0 0 18px var(--hot);border-radius:999px}.hero h1{max-width:11ch;margin:.55rem 0 1rem;font-size:clamp(3.5rem,8.8vw,7.9rem);line-height:.82}.hero-copy p,.section-heading p,.group-card p,.idol-card p,.home-note-card p,.katseye-spotlight p,.discover-hero p,.recommendation-card p,.term-card p,.quiz-list small,.game-tabs small{color:var(--muted);line-height:1.65}.hero-copy p{max-width:43rem;font-size:1.08rem}.hero-actions,.split-actions,.inline-form,.photo-actions,.game-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button{border:1px solid var(--line);background:var(--surface);min-height:2.9rem;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.05rem;font-weight:1000;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg, var(--cyan), var(--lime));color:#10101f;border-color:#0000;box-shadow:0 12px 35px #45f2ff38}.button.small{min-height:2.35rem;padding:.52rem .8rem;font-size:.88rem}.hero-stage{min-height:30rem;box-shadow:var(--shadow), inset 0 0 0 1px #ffffff4d;background:radial-gradient(circle at 20% 20%,#ffffffdb,#0000 6rem),linear-gradient(135deg,#ff4f9abf,#ffd65cbf,#45f2ffc7);border-radius:42px;position:relative;overflow:hidden}.hero-stage:before,.hero-stage:after{content:"";border:1px solid #ffffff61;border-radius:999px;position:absolute;inset:auto}.hero-stage:before{width:28rem;height:28rem;top:-6rem;right:-8rem}.hero-stage:after{width:21rem;height:21rem;bottom:-5rem;left:-7rem}.orbit{filter:blur(1px);background:#ffffff47;border-radius:999px;position:absolute}.orbit-one{width:10rem;height:10rem;animation:4s ease-in-out infinite pulse;top:4rem;left:4rem}.orbit-two{width:6rem;height:6rem;animation:4s ease-in-out infinite reverse pulse;bottom:5rem;right:6rem}.hero-card{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10101f8a;border:1px solid #ffffff61;border-radius:34px;gap:.25rem;padding:clamp(1.4rem,4vw,2.4rem);display:grid;position:absolute;top:34%;left:12%;right:12%;transform:rotate(-4deg)}.hero-card span,.hero-card small{color:#ffffffc2;letter-spacing:.18em;text-transform:uppercase;font-weight:1000}.hero-card strong{font-size:clamp(2.3rem,7vw,5.6rem);line-height:.85}.floating-ticket,.floating-badge{z-index:3;color:#10101f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff38;border:1px solid #ffffff61;border-radius:999px;padding:.75rem 1rem;font-weight:1000;position:absolute}.floating-ticket{top:3rem;right:3rem}.floating-badge{bottom:4rem;left:2rem}.stats-strip{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}.stats-strip div{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:8rem;padding:1.2rem}.stats-strip strong{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,4rem);line-height:1;display:block}.stats-strip span{color:var(--muted);font-weight:900}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-heading h2{margin:.25rem 0 0;font-size:clamp(2rem,4vw,4.2rem);line-height:.95}.section-heading p{max-width:46rem;margin:.65rem 0 0}.feature-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.9rem;display:grid}.feature-card{border-radius:var(--radius-lg);min-height:13rem;padding:1rem;animation:.52s both liftIn}.feature-icon{background:linear-gradient(135deg, var(--hot), var(--sun));color:#10101f;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-size:1.4rem;font-weight:1000;display:grid}.feature-card h3{margin:1.2rem 0 .35rem;font-size:1.35rem}.feature-card p{color:var(--muted);margin:0;line-height:1.45}.spotlight-grid{grid-template-columns:1.45fr .55fr;gap:1rem;display:grid}.katseye-spotlight{border-radius:var(--radius-xl);grid-template-columns:.9fr 1.1fr;align-items:center;gap:1.2rem;padding:1rem;display:grid;overflow:hidden}.spotlight-media{position:relative}.spotlight-media>img:first-child{aspect-ratio:1.2;object-fit:cover;border-radius:26px;width:100%}.spotlight-logo{object-fit:contain;background:#ffffffe6;border-radius:1rem;width:calc(100% - 2rem);max-height:4.5rem;padding:.7rem;position:absolute;bottom:1rem;left:1rem;right:1rem;box-shadow:0 14px 34px #00000040}.katseye-spotlight h2,.home-note-card h3{font-family:var(--font-display);margin:.2rem 0 .55rem;font-size:clamp(2rem,4vw,4rem);line-height:.95}.home-note-card{border-radius:var(--radius-xl);flex-direction:column;justify-content:end;padding:1.3rem;display:flex}.popular-row{grid-template-columns:repeat(5,1fr);gap:.9rem;display:grid}.popular-chip{border-radius:1.5rem;gap:.55rem;min-height:12rem;padding:.75rem;display:grid;overflow:hidden}.popular-chip img{aspect-ratio:1.7;object-fit:cover;border-radius:1.1rem;width:100%}.popular-chip span{font-family:var(--font-display);font-size:1.25rem;font-weight:900}.popular-chip small,.helper-text,.empty-inline{color:var(--muted)}.toolbar{border-radius:var(--radius-lg);grid-template-columns:1fr minmax(12rem,.25fr);gap:1rem;padding:1rem;display:grid}label{color:var(--muted);gap:.45rem;font-size:.9rem;font-weight:900;display:grid}input,select,textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 70%, transparent);width:100%;color:var(--text);border-radius:1rem;outline:none;padding:.85rem .95rem}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #45f2ff1f}textarea{resize:vertical;min-height:9rem}.group-grid,.idol-grid,.photo-grid,.glossary-grid,.badge-grid,.recommendation-grid,.profile-summary-grid{gap:1rem;display:grid}.group-grid{grid-template-columns:repeat(3,1fr)}.group-card,.idol-card,.photo-card{border-radius:var(--radius-xl);overflow:hidden}.group-media-frame,.idol-media-frame{background:#00000029;position:relative}.group-media-frame>img:first-child{aspect-ratio:1.45;object-fit:cover;width:100%}.group-logo-mark{object-fit:contain;background:#ffffffeb;border:1px solid #00000014;border-radius:1rem;width:min(58%,13rem);max-height:4rem;padding:.55rem;position:absolute;bottom:.85rem;left:.85rem;box-shadow:0 14px 34px #00000040}.group-card-body,.idol-card-body,.photo-info{padding:1.1rem}.card-title-row{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.group-card h3,.idol-card h3,.photo-info h3{margin:.2rem 0 .5rem;font-size:1.75rem}.meta-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;margin:1rem 0;display:grid}.meta-grid div{border:1px solid var(--line);background:#ffffff0f;border-radius:1rem;padding:.72rem}.meta-grid dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:1000}.meta-grid dd{margin:.18rem 0 0;font-weight:900}.tag-row{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.tag-row span,.status-pill,.score-card{border:1px solid var(--line);color:var(--text);background:#ffffff14;border-radius:999px;align-items:center;padding:.42rem .68rem;font-size:.8rem;font-weight:1000;display:inline-flex}.text-link{color:var(--cyan);font-weight:1000}.source-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.media-credit{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10101fb8;border:1px solid #ffffff40;border-radius:999px;padding:.38rem .55rem;font-size:.72rem;font-weight:1000;position:absolute;top:.8rem;right:.8rem}.source-row .media-credit,.media-credit.inline{width:fit-content;color:var(--cyan);background:#ffffff14;margin-top:.25rem;display:inline-flex;position:static}.idol-grid{grid-template-columns:repeat(4,1fr)}.idol-media-frame>img:first-child{aspect-ratio:.86;object-fit:cover;width:100%}.real-name{color:var(--muted);margin-top:-.3rem;font-weight:900}.mini-list{color:var(--muted);margin:.75rem 0 1rem;padding-left:1.1rem;line-height:1.55}.photo-grid{grid-template-columns:repeat(4,1fr)}.photo-open{background:0 0;border:0;width:100%;padding:0}.photo-open img{aspect-ratio:.82;object-fit:cover;width:100%}.photo-info{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.photo-info h3{font-size:1.2rem}.photo-info p{color:var(--muted);margin:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000009e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--bg) 82%, transparent);width:min(900px,100%);max-height:min(88vh,900px);box-shadow:var(--shadow);padding:1rem;position:relative;overflow:auto}.modal-close{z-index:2;margin-left:auto;font-size:1.6rem;position:sticky;top:.5rem}.photo-modal-content{grid-template-columns:.8fr 1fr;align-items:center;gap:1.2rem;display:grid}.photo-modal-content img{border-radius:1.5rem;width:100%}.lists-layout,.profile-layout,.ai-layout,.quiz-layout,.game-layout{gap:1rem;display:grid}.lists-layout{grid-template-columns:repeat(2,1fr)}.list-panel,.profile-editor,.profile-card,.badge-section,.chat-shell,.ai-side,.quiz-list,.quiz-runner,.game-tabs,.game-stage,.discover-hero,.recommendation-card,.compact-summary{border-radius:var(--radius-xl);padding:1.2rem}.list-panel h3,.profile-editor h3,.ai-side h3,.compact-summary h3{font-family:var(--font-display);margin-top:0;font-size:1.45rem}.inline-form{grid-template-columns:1fr auto;display:grid}.saved-chip-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.saved-chip{border:1px solid var(--line);background:linear-gradient(135deg,#45f2ff2e,#ff4f9a2e);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .5rem .45rem .75rem;font-weight:900;display:inline-flex}.saved-chip button,.ranking-list button{color:var(--text);background:#ffffff24;border:0;border-radius:999px;width:1.7rem;height:1.7rem}.ranking-panel,.notes-panel{grid-column:span 2}.ranking-list{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.ranking-list li{border:1px solid var(--line);background:#ffffff0f;border-radius:1.2rem;grid-template-columns:auto 3.6rem 1fr auto auto auto;align-items:center;gap:.65rem;padding:.65rem;display:grid}.ranking-list img{object-fit:cover;border-radius:1rem;width:3.6rem;height:3.6rem}.rank-number{color:var(--cyan);font-weight:1000}.ai-layout,.quiz-layout,.game-layout{grid-template-columns:.34fr .66fr;align-items:start}.ai-side,.quiz-list,.game-tabs{gap:.8rem;display:grid;position:sticky;top:6rem}.ai-prompts,.quiz-list,.game-tabs{gap:.65rem;display:grid}.ai-prompts button,.quiz-list button,.game-tabs button{border:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff14;border-radius:1.2rem;padding:.85rem;transition:all .18s}.ai-prompts button:hover,.quiz-list button:hover,.quiz-list button.active,.game-tabs button:hover,.game-tabs button.active{background:linear-gradient(135deg,#45f2ff2e,#ff4f9a2e);transform:translate(3px)}.chat-shell{grid-template-rows:auto 1fr auto;min-height:640px;display:grid}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;display:flex}.chat-header h3{font-family:var(--font-display);margin:.2rem 0 0;font-size:2rem}.chat-messages{flex-direction:column;gap:.8rem;padding:1rem 0;display:flex;overflow:auto}.chat-message{border:1px solid var(--line);background:#ffffff14;border-radius:1.25rem;width:min(82%,620px);padding:.85rem}.chat-message.user{background:linear-gradient(135deg,#45f2ff33,#c9ff4d29);align-self:flex-end}.chat-message span{color:var(--cyan);margin-bottom:.25rem;font-size:.8rem;font-weight:1000;display:block}.chat-message p{margin:0;line-height:1.55}.typing-bubble{width:fit-content;color:var(--muted);background:#ffffff1a;border-radius:999px;padding:.6rem .9rem;animation:1.4s ease-in-out infinite pulse}.chat-form{grid-template-columns:1fr auto;gap:.7rem;display:grid}.score-card{place-items:center;min-width:7rem;padding:.65rem .85rem;display:grid}.score-card strong{font-family:var(--font-display);font-size:1.7rem;line-height:1}.score-card span{color:var(--muted);font-size:.75rem}.quiz-list button,.game-tabs button{gap:.2rem;display:grid}.quiz-list span{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:1000}.quiz-runner{min-height:34rem}.quiz-runner h2,.game-question{margin:.55rem 0 1rem;font-size:clamp(2rem,4vw,4rem);line-height:.98}.quiz-progress{color:var(--muted);gap:.45rem;font-weight:900;display:grid}.quiz-progress div,.result-meter{background:#ffffff1a;border-radius:999px;height:.65rem;overflow:hidden}.quiz-progress span span,.quiz-progress div span,.result-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--lime), var(--hot));height:100%;display:block}.answer-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.answer-grid button{border:1px solid var(--line);min-height:4.2rem;color:var(--text);background:#ffffff14;border-radius:1.3rem;font-weight:1000;transition:all .18s}.answer-grid button:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-2px)}.answer-grid button.correct{background:#c9ff4d38;border-color:#c9ff4dcc}.answer-grid button.wrong{background:#ff4f9a2e;border-color:#ff4f9acc}.feedback-line{border:1px solid var(--line);color:var(--muted);background:#ffffff14;border-radius:1.4rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem;font-weight:900;display:flex}.quiz-runner.result{align-content:center;gap:1rem;display:grid}.game-stage{min-height:42rem}.game-intro{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.game-intro h2{margin:.25rem 0 .4rem;font-size:clamp(2rem,4vw,3.6rem)}.game-intro p{color:var(--muted);margin:0}.memory-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.memory-card{border:1px solid var(--line);min-height:9.2rem;color:var(--text);background:linear-gradient(135deg,#ff4f9a4d,#45f2ff33);border-radius:1.4rem;position:relative;overflow:hidden}.memory-back,.memory-front{backface-visibility:hidden;place-items:center;transition:transform .28s;display:grid;position:absolute;inset:0}.memory-back{font-family:var(--font-display);font-size:2rem;font-weight:1000}.memory-front{background:var(--surface-strong);transform:rotateY(180deg)}.memory-front img{object-fit:cover;width:100%;height:100%}.memory-front strong{color:#fff;background:#0000008c;border-radius:999px;padding:.35rem .65rem;position:absolute;bottom:.65rem}.memory-card.open .memory-back{transform:rotateY(180deg)}.memory-card.open .memory-front{transform:rotateY(0)}.guess-panel{grid-template-columns:.48fr .52fr;align-items:center;gap:1rem;display:grid}.guess-panel img{border-radius:1.4rem;width:100%}.bingo-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.bingo-grid button{border:1px solid var(--line);min-height:5.2rem;color:var(--text);background:#ffffff14;border-radius:1.2rem;font-weight:1000}.bingo-grid button.selected{background:linear-gradient(135deg, var(--sun), var(--hot));color:#10101f}.comeback-form{grid-template-columns:repeat(2,1fr);gap:.9rem;margin-bottom:1rem;display:grid}.result-banner{border:1px solid var(--line);background:linear-gradient(135deg,#45f2ff2e,#ff4f9a2e);border-radius:1.5rem;margin-top:1rem;padding:1.1rem}.result-banner h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:2rem}.result-banner p{color:var(--muted)}.profile-layout{grid-template-columns:1fr .75fr;align-items:start}.profile-card{grid-template-columns:auto 1fr;align-items:center;gap:1.2rem;display:grid}.avatar-big{background:linear-gradient(135deg, var(--hot), var(--sun), var(--cyan));color:#10101f;border-radius:2.2rem;place-items:center;width:clamp(7rem,14vw,11rem);height:clamp(7rem,14vw,11rem);font-size:clamp(3rem,7vw,6rem);font-weight:1000;display:grid}.profile-editor{gap:.85rem;display:grid}.avatar-options{flex-wrap:wrap;gap:.5rem;display:flex}.avatar-options button{border:1px solid var(--line);width:2.8rem;height:2.8rem;color:var(--text);background:#ffffff14;border-radius:.9rem;font-weight:1000}.avatar-options button.active{background:linear-gradient(135deg, var(--cyan), var(--lime));color:#10101f}.badge-grid{grid-template-columns:repeat(7,1fr)}.badge-card{border:1px solid var(--line);opacity:.55;background:#ffffff0d;border-radius:1.4rem;min-height:12rem;padding:1rem}.badge-card.unlocked{opacity:1;background:linear-gradient(135deg,#ffd65c2e,#45f2ff26)}.badge-card span{font-size:2rem}.badge-card h3{font-family:var(--font-display);margin:.55rem 0 .35rem}.badge-card p,.badge-card small,.compact-summary p{color:var(--muted)}.profile-summary-grid{grid-template-columns:repeat(3,1fr)}.discover-hero{justify-content:space-between;align-items:center;gap:1rem;display:flex}.discover-hero h2{max-width:18ch;font-family:var(--font-display);margin:.3rem 0 .55rem;font-size:clamp(2rem,4vw,4rem);line-height:.95}.glossary-grid{grid-template-columns:repeat(4,1fr)}.term-card{border-radius:1.4rem;min-height:10rem;padding:1rem}.term-card h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.7rem}.timeline{grid-template-columns:repeat(5,1fr);gap:.8rem;display:grid}.timeline article{border:1px solid var(--line);background:var(--surface);border-radius:1.4rem;padding:1rem;position:relative}.timeline article:before{content:"";background:var(--hot);width:.9rem;height:.9rem;box-shadow:0 0 20px var(--hot);border-radius:999px;position:absolute;top:-.45rem;left:1rem}.timeline span{color:var(--cyan);font-size:.8rem;font-weight:1000}.timeline h3{font-family:var(--font-display);margin:.5rem 0}.timeline p{color:var(--muted);line-height:1.55}.recommendation-grid{grid-template-columns:repeat(4,1fr)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-xl);text-align:center;background:#ffffff0d;place-items:center;gap:.75rem;min-height:18rem;padding:2rem;display:grid}.empty-orbit{background:linear-gradient(135deg, var(--hot), var(--cyan));color:#10101f;border-radius:999px;place-items:center;width:5rem;height:5rem;font-size:2rem;font-weight:1000;display:grid}.empty-state h3{font-family:var(--font-display);margin:0;font-size:2rem}.empty-state p{max-width:32rem;color:var(--muted);margin:0}.reveal{animation:.62s both liftIn}.delay-1{animation-delay:90ms}.delay-2{animation-delay:.18s}.delay-3{animation-delay:.27s}.delay-4{animation-delay:.36s}@keyframes liftIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floaty{0%,to{transform:translate(0,0)}50%{transform:translate(1.4rem,-1.2rem)}}@keyframes pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:.45;transform:scale(1.07)}}@media (width<=1120px){.desktop-nav{display:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.group-grid,.idol-grid,.photo-grid,.glossary-grid,.recommendation-grid{grid-template-columns:repeat(2,1fr)}.badge-grid,.timeline,.popular-row{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.site-header{position:relative}.ghost-link{display:none}.mobile-bottom-nav{z-index:30;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:1.5rem;grid-template-columns:repeat(7,1fr);gap:.2rem;padding:.45rem;display:grid;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.mobile-bottom-nav a{min-height:3.15rem;color:var(--muted);border-radius:1.1rem;place-items:center;gap:.15rem;font-weight:900;display:grid}.mobile-bottom-nav a.active{color:#10101f;background:linear-gradient(135deg, var(--cyan), var(--lime))}.mobile-bottom-nav small{display:none}.app-shell{width:min(100% - 1rem,760px)}.hero,.spotlight-grid,.katseye-spotlight,.toolbar,.lists-layout,.profile-layout,.ai-layout,.quiz-layout,.game-layout,.photo-modal-content,.discover-hero{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{max-width:9ch}.hero-stage{min-height:22rem}.stats-strip,.popular-row,.profile-summary-grid,.timeline,.badge-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.group-grid,.idol-grid,.photo-grid,.glossary-grid,.recommendation-grid{grid-template-columns:1fr}.ranking-panel,.notes-panel{grid-column:span 1}.ai-side,.quiz-list,.game-tabs{position:static}.quiz-list,.game-tabs,.ai-prompts{grid-template-columns:1fr 1fr}.chat-shell,.game-stage{min-height:auto}.memory-grid,.bingo-grid{grid-template-columns:repeat(3,1fr)}.guess-panel,.comeback-form,.answer-grid,.profile-card{grid-template-columns:1fr}.section-heading,.game-intro,.feedback-line,.chat-header{flex-direction:column;align-items:start}}@media (width<=560px){.brand strong{font-size:.95rem}.brand small{display:none}.brand-mark{width:2.55rem;height:2.55rem}.hero h1{font-size:clamp(3.1rem,19vw,4.8rem)}.hero-stage{border-radius:28px}.hero-card{left:7%;right:7%}.floating-ticket,.floating-badge{display:none}.stats-strip,.popular-row,.timeline,.badge-grid,.quiz-list,.game-tabs,.ai-prompts,.profile-summary-grid,.meta-grid,.inline-form,.chat-form,.ranking-list li{grid-template-columns:1fr}.memory-grid,.bingo-grid{grid-template-columns:repeat(2,1fr)}.memory-card,.bingo-grid button{min-height:7.4rem}.chat-message{width:100%}}