/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.block{display:block}}:root{--ink:#17213a;--muted:#7c8497;--purple:#6d55f7;--purple-dark:#5538e9;--line:#e9eaf1;--soft:#f7f7fb;--green:#45c6a3}*{box-sizing:border-box}html{background:#fafaff}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.error-notice{z-index:100;color:#b4233d;background:#fff1f3;border:1px solid #ffc9d2;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;width:min(520px,100% - 32px);padding:12px 15px;font-size:12px;font-weight:700;display:flex;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #50182624}.error-notice button{color:inherit;background:0 0;border:0;font-size:18px;line-height:1}.loading-copy{color:#8a90a0;place-items:center;min-height:307px;margin:0;font-size:12px;display:grid}.login-page{background:radial-gradient(circle at 50% 15%,#f4f1ff,#e6e0ff 70%,#d9d0ff);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e3ddfb;border-radius:25px;width:min(430px,100%);padding:38px;box-shadow:0 28px 70px #422c962e}.login-back{color:#716b83;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.login-brand{justify-content:center;margin-bottom:25px}.login-card h1{text-align:center;margin:0 0 9px;font-size:27px}.login-card>p{text-align:center;color:#7f8595;max-width:330px;margin:0 auto 24px;font-size:12px;line-height:1.65}.login-card form{gap:15px;display:grid}.login-card label{color:#53596a;gap:7px;font-size:11px;font-weight:800;display:grid}.login-card input{color:#25293a;background:#fbfaff;border:1px solid #dedbea;border-radius:10px;outline:0;width:100%;padding:12px 13px}.login-card input:focus{border-color:#7a63ea;box-shadow:0 0 0 3px #eeeaff}.login-card form .primary-button{width:100%;margin-top:4px}.login-divider{color:#aaa;align-items:center;gap:10px;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ece9f4;flex:1;height:1px}.guest-button{color:#604cc7;background:#f8f6ff;border:1px solid #dcd6f6;border-radius:11px;width:100%;padding:12px;font-size:11px;font-weight:800}.login-error{color:#b4233d;background:#fff0f2;border-radius:9px;padding:10px 12px;font-size:11px}.login-card>.language-switch{width:max-content;margin:19px auto 0}.login-card>small{text-align:center;color:#a09caf;margin-top:12px;font-size:9px;display:block}.topbar{z-index:20;background:#fffffff0;border-bottom:1px solid #eeeef4;align-items:center;height:76px;padding:0 max(24px,50vw - 610px);display:flex;position:relative}.brand{color:#20233e;letter-spacing:-.8px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:11px;font-size:21px;font-weight:800;display:flex}.brand b{color:var(--purple)}.brand-mark{color:#fff;background:linear-gradient(145deg,#836eff,#5941ef);border-radius:12px;place-items:center;width:37px;height:37px;font:900 22px/1 Arial;display:grid;transform:rotate(-4deg);box-shadow:0 7px 18px #654bf040}.desktop-nav{align-self:stretch;gap:34px;margin-left:70px;display:flex}.desktop-nav button{color:#72798a;background:0 0;border:0;font-size:14px;font-weight:700;position:relative}.desktop-nav button.active{color:var(--purple)}.desktop-nav button.active:after{content:"";background:var(--purple);border-radius:5px 5px 0 0;height:3px;position:absolute;bottom:0;left:5px;right:5px}.profile-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.language-switch{background:#f7f5ff;border:1px solid #ddd9f5;border-radius:10px;align-items:center;padding:3px;display:flex}.language-switch button{color:#858999;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800}.language-switch button.active{color:#fff;background:#6750d8;box-shadow:0 3px 8px #533dbc33}.icon-button,.chevron{background:0 0;border:0;position:relative}.icon-button{margin-right:8px;font-size:18px}.icon-button i{background:#ff5777;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:2px}.avatar{background:#f0eaff;border-radius:13px;place-items:center;width:39px;height:39px;font-size:21px;display:grid}.profile-copy{flex-direction:column;gap:2px;min-width:100px;display:flex}.profile-copy b{font-size:13px}.profile-copy span{color:#9a9faf;font-size:10px}.chevron{color:#999;font-size:17px}.logout-button{color:#77718c;background:#fff;border:1px solid #e0dcef;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.header-login-button{color:#fff;background:linear-gradient(135deg,#775df7,#6246e9);border:0;border-radius:9px;padding:9px 16px;font-size:11px;font-weight:800;box-shadow:0 6px 16px #6346eb33}.page-shell{max-width:1220px;margin:0 auto;padding:0 24px 50px}.hero{grid-template-columns:1.03fr .97fr;align-items:center;min-height:402px;display:grid;position:relative}.hero:before{content:"";z-index:0;background:radial-gradient(circle at 45% 48%,#eeeaff 0 34%,#0000 68%);width:530px;height:330px;position:absolute;top:20px;right:-70px}.hero-copy,.hero-art{z-index:1;position:relative}.eyebrow{color:#6b52eb;background:#f2efff;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow span{color:#8a6fff}.hero h1{letter-spacing:-2.2px;margin:17px 0 13px;font-size:43px;line-height:1.25}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy>p{color:#777f90;margin:0 0 22px;font-size:15px;line-height:1.7}.hero-actions{gap:10px;display:flex}.primary-button,.secondary-button{border-radius:11px;padding:13px 22px;font-size:13px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#775df7,#6246e9);border:0;box-shadow:0 8px 20px #6346eb40}.primary-button:hover{transform:translateY(-1px)}.secondary-button{color:#5041b9;background:#fff;border:1px solid #dbd6fb}.creator-button{color:#7b4d16;background:#fff8ec;border:1px solid #f1d9b4;border-radius:11px;padding:13px 18px;font-size:13px;font-weight:800}.hero-actions button span{margin-right:7px}.live-line{color:#9298a8;align-items:center;gap:5px;margin-top:20px;font-size:11px;display:flex}.live-line b{color:#555e70}.live-dot{background:#4bd1a8;border-radius:50%;width:7px;height:7px;margin-right:3px;box-shadow:0 0 0 4px #e1f9f2}.hero-art{height:350px}.quiz-card-main,.quiz-card-back{border-radius:24px;position:absolute;box-shadow:0 25px 45px #4839972e}.quiz-card-back{background:linear-gradient(145deg,#4b32cc,#7155f5);place-items:center;width:195px;height:245px;display:grid;top:37px;right:112px;transform:rotate(12deg)}.quiz-card-back span{color:#ffffff1f;font:700 80px Arial}.quiz-card-main{background:#fff;border:1px solid #f0edff;width:235px;height:280px;padding:28px;top:24px;right:165px;transform:rotate(-5deg)}.quiz-card-main .mini-label{letter-spacing:1.5px;color:#846eef;font-size:8px;font-weight:900}.quiz-card-main>b{letter-spacing:-1px;margin:16px 0 20px;font-size:22px;line-height:1.4;display:block}.quiz-card-main div{gap:9px;display:grid}.quiz-card-main i{color:#888;border:1px solid #ececf2;border-radius:9px;padding:9px 11px;font-size:10px;font-style:normal}.quiz-card-main i.chosen{color:#654de0;background:#f0ecff;border-color:#8b76f4;font-weight:800}.mascot{filter:drop-shadow(0 14px 12px #332b6c33);font-size:90px;position:absolute;bottom:14px;right:43px;transform:rotate(5deg)}.bubble{color:#fff;place-items:center;font-weight:900;display:grid;position:absolute;box-shadow:0 10px 20px #281e5a26}.bubble-one{background:#ffb548;border-radius:12px;width:38px;height:38px;top:43px;left:82px;transform:rotate(-12deg)}.bubble-two{background:#f46997;border-radius:50%;width:32px;height:32px;top:65px;right:55px}.bubble-three{background:#55caaa;border-radius:10px;width:32px;height:32px;top:200px;left:73px;transform:rotate(9deg)}.content-grid{grid-template-columns:1fr 310px;align-items:stretch;gap:28px;display:grid}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading span{color:#8f79ef;letter-spacing:1.4px;font-size:10px;font-weight:900}.section-heading h2{letter-spacing:-.8px;margin:5px 0 0;font-size:21px}.section-heading button{color:#7c8291;background:0 0;border:0;font-size:11px;font-weight:700}.section-heading button span{margin-left:5px;font-size:15px}.category-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.category-card{text-align:left;background:#fff;border:1px solid #ececf2;border-radius:15px;min-width:0;min-height:148px;transition:all .2s;position:relative;overflow:hidden}.category-card:hover,.category-card.selected{border-color:#cfc6fb;transform:translateY(-3px);box-shadow:0 12px 25px #2d275a1a}.category-card:after{content:"";background:var(--tone,#eee);opacity:.55;pointer-events:none;border-radius:50%;width:70px;height:70px;position:absolute;top:-24px;right:-25px}.category-card.mint{--tone:#dff8ef}.category-card.purple{--tone:#eee7ff}.category-card.orange{--tone:#ffecd5}.category-card.pink{--tone:#ffe5ef}.category-card.blue{--tone:#dff1ff}.category-card.yellow{--tone:#fff4c9}.category-card.sand{--tone:#f2e8db}.category-card.red{--tone:#ffe2df}.category-launch{text-align:left;width:100%;min-height:148px;color:inherit;background:0 0;border:0;padding:16px;display:block}.category-launch:disabled{cursor:wait}.category-manage{z-index:2;gap:4px;display:flex;position:absolute;top:9px;right:9px}.category-manage button{color:#6653bd;background:#fffffff0;border:1px solid #ddd7f5;border-radius:6px;padding:4px 6px;font-size:7px;font-weight:900;box-shadow:0 3px 9px #3d316d14}.category-manage button:last-child{color:#c13d57;border-color:#f0cfd5}.category-manage button:disabled{opacity:.55}.category-icon{background:var(--tone);border-radius:12px;place-items:center;width:39px;height:39px;margin-bottom:15px;font-size:22px;display:grid}.category-copy{flex-direction:column;gap:5px;display:flex}.category-copy b{font-size:13px}.category-copy small{color:#9a9fae;font-size:9px}.category-copy em{color:#7059d8;background:#f1edff;border-radius:5px;width:max-content;padding:3px 5px;font-size:7px;font-style:normal;font-weight:800}.play-arrow{color:#aaa;font-size:15px;position:absolute;bottom:12px;right:15px}.ranking-card{background:#fff;border:1px solid #ececf2;border-radius:16px;flex-direction:column;padding:17px;display:flex;box-shadow:0 8px 25px #2a23530a}.ranking-head,.ranking-head>div{justify-content:space-between;align-items:center;display:flex}.ranking-head>div{justify-content:flex-start;gap:9px}.ranking-head>div>span{background:#fff5d9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.ranking-head small{color:#f1ad34;letter-spacing:1.5px;font-size:7px;font-weight:900}.ranking-head h3{margin:2px 0;font-size:14px}.ranking-head button{color:#aaa;background:0 0;border:0;font-size:9px}.ranking-list{flex:1;margin-top:11px}.rank-row{border-top:1px solid #f1f1f5;align-items:center;gap:9px;padding:10px 1px;display:flex}.rank{text-align:center;color:#a2a6b0;width:18px;font-size:11px;font-weight:900}.rank-1{color:#efae27}.rank-2{color:#8c97a9}.rank-3{color:#bd7847}.rank-avatar{background:#f2efff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:17px;display:grid}.rank-name{flex-direction:column;flex:1;gap:2px;display:flex}.rank-name b{font-size:10px}.rank-name small{color:#a8acb8;font-size:8px}.rank-change{font-size:10px}.rank-change.up{color:#47c39e}.rank-change.down{color:#fa718a}.rank-change.same{color:#bbb}.my-rank{color:#7762de;background:#f3f0ff;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;padding:10px 12px;font-size:9px;display:grid}.my-rank span{grid-column:1;font-size:8px}.my-rank b{grid-area:1/2/3;font-size:13px}.my-rank i{color:#999;grid-column:1;font-size:7px;font-style:normal}.my-rank strong{grid-area:1/3/3;margin-left:10px;font-size:8px}.guest-rank{color:#847d9b;text-align:center;background:#f5f3fb;border-radius:10px;padding:11px;font-size:8px;line-height:1.4}.book-section{background:linear-gradient(135deg,#fffaf1,#f7f2ff);border:1px solid #e4dcf6;border-radius:20px;grid-template-columns:minmax(250px,.8fr) 1.4fr;gap:24px;margin-top:28px;padding:26px;scroll-margin-top:20px;display:grid;box-shadow:0 12px 32px #42307a12}.book-section-copy>span{color:#9a6a35;letter-spacing:1.5px;font-size:8px;font-weight:900}.book-section-copy h2{letter-spacing:-.8px;margin:6px 0 7px;font-size:21px}.book-section-copy p{color:#85818c;margin:0;font-size:10px;line-height:1.6}.book-section-copy form{gap:7px;margin-top:17px;display:flex}.book-section-copy input{background:#ffffffe6;border:1px solid #ddd4ec;border-radius:10px;outline:0;flex:1;min-width:0;padding:11px 12px;font-size:10px}.book-section-copy input:focus{border-color:#8064db;box-shadow:0 0 0 3px #8064db1a}.book-section-copy form button,.book-join{color:#fff;white-space:nowrap;background:#6b4fd4;border:0;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:900}.book-section-copy>small{color:#9b91a6;margin-top:8px;font-size:8px;display:block}.book-shelf{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.book-cover{text-align:left;color:#fff;background:linear-gradient(145deg,#7556d9,#4f38a8);border:0;border-radius:8px 14px 14px 8px;min-width:0;min-height:142px;padding:13px 11px 11px;position:relative;overflow:hidden;box-shadow:inset 5px 0 #190f4929,0 8px 17px #44307e29}.book-cover:nth-child(4n+2){background:linear-gradient(145deg,#db7d78,#a54d57)}.book-cover:nth-child(4n+3){background:linear-gradient(145deg,#4da88b,#317a68)}.book-cover:nth-child(4n+4){background:linear-gradient(145deg,#d59a45,#a36b26)}.book-cover>span{background:#ffffff29;border-radius:5px;padding:3px 5px;font-size:7px;font-weight:800;display:inline-block}.book-cover>b{margin-top:15px;font-size:12px;line-height:1.35;display:block}.book-cover>small{text-overflow:ellipsis;white-space:nowrap;color:#ffffffbd;font-size:7px;position:absolute;bottom:10px;left:11px;right:8px;overflow:hidden}.book-cover>i{opacity:.18;font-size:34px;font-style:normal;position:absolute;top:4px;right:-5px;transform:rotate(10deg)}.book-shelf-empty{color:#8f819e;border:1px dashed #d8cce9;border-radius:13px;grid-column:1/5;place-items:center;min-height:142px;font-size:10px;display:grid}.book-overlay{z-index:210;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1a1330ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.book-studio{background:#fffdf8;border:1px solid #e8def5;border-radius:24px;flex-direction:column;width:min(880px,100%);max-height:calc(100vh - 48px);padding:25px;display:flex;overflow:hidden;box-shadow:0 30px 90px #0f0a266b}.book-studio-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.book-studio-head>div>span{color:#8a67d4;letter-spacing:1.4px;font-size:8px;font-weight:900}.book-studio-head h2{margin:5px 0 4px;font-family:Georgia,serif;font-size:25px}.book-studio-head p{color:#99909c;margin:0;font-size:9px}.book-studio-head>button{color:#827889;background:0 0;border:0;font-size:25px}.book-progress{background:#ebe5f0;border-radius:8px;height:6px;margin:15px 0 12px;overflow:hidden}.book-progress i{background:linear-gradient(90deg,#7353d5,#d48f66);border-radius:8px;height:100%;display:block}.book-participants{align-items:center;gap:12px;margin-bottom:12px;display:flex}.book-participants>b{font-size:9px}.book-participants>div{flex-wrap:wrap;gap:5px;display:flex}.book-participants span{color:#746c7c;background:#f0ecf5;border-radius:999px;padding:4px 7px;font-size:7px}.book-participants span.turn{color:#fff;background:#6c50d4;font-weight:900}.book-pages{background:repeating-linear-gradient(#fffdf8 0 30px,#eee7dd 31px);border:1px solid #eee4d7;border-radius:14px;flex:1;min-height:190px;padding:12px;overflow:auto}.book-line{grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:31px;display:grid}.book-line>span{color:#b2a9a0;text-align:right;font:8px Georgia,serif}.book-line p{margin:0;font:12px/1.45 Georgia,"\"Noto Serif KR\"",serif}.book-line small{color:#9d8fa5;font-size:7px}.book-blank{color:#aaa0aa;place-items:center;min-height:170px;font:italic 12px Georgia,serif;display:grid}.book-writing-form{background:#f4effc;border-radius:13px;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:12px;padding:12px;display:grid}.book-writing-form>div{grid-column:1/4;justify-content:space-between;display:flex}.book-writing-form b{font-size:10px}.book-writing-form small{color:#8e829b;font-size:8px}.book-writing-form input{background:#fff;border:1px solid #dcd3eb;border-radius:9px;outline:0;min-width:0;padding:10px;font-size:10px}.book-writing-form button{color:#fff;background:#684cd0;border:0;border-radius:9px;padding:10px 14px;font-size:9px;font-weight:900}.book-waiting,.book-complete{color:#695a7b;text-align:center;background:#f1ecf8;border-radius:11px;margin-top:12px;padding:12px;font-size:9px;font-weight:800}.book-complete{color:#8b5d2b;background:#f5eadc}.book-join{width:100%;margin-top:12px}.book-error{color:#b4233d;background:#fff0f2;border-radius:9px;margin-top:9px;padding:9px 11px;font-size:9px;font-weight:700}.my-record-section{background:#fff;border:1px solid #e9e5f5;border-radius:18px;margin-top:28px;padding:22px;scroll-margin-top:20px;box-shadow:0 8px 25px #2a23530a}.my-record-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.my-record-head>div:first-child>span{color:#8069e9;letter-spacing:1.4px;font-size:8px;font-weight:900}.my-record-head h2{margin:4px 0 0;font-size:20px}.my-record-total{text-align:right;grid-template-columns:auto auto;align-items:center;gap:2px 12px;display:grid}.my-record-total small{color:#999;grid-row:1/3;font-size:8px}.my-record-total b{color:#644bd7;font-size:13px}.my-record-total span{color:#999;font-size:8px}.category-record-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.category-record-card{background:#fcfbff;border:1px solid #ece9f3;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;padding:13px;display:grid}.category-record-icon{background:#f0edff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.category-record-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.category-record-card>div b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.category-record-card>div small{color:#999;font-size:7px}.category-record-card>strong{color:#6750d8;white-space:nowrap;font-size:10px}.category-record-card>strong small{font-size:7px}.category-record-progress{background:#ece9f4;border-radius:5px;grid-column:1/4;height:4px;overflow:hidden}.category-record-progress i{background:linear-gradient(90deg,#7960eb,#55caa8);border-radius:5px;height:100%;display:block}.my-record-empty{background:#faf8ff;border:1px dashed #dcd5f3;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;display:flex}.my-record-empty>span{font-size:24px}.my-record-empty b{margin-top:5px;font-size:11px}.my-record-empty small{color:#999;margin-top:3px;font-size:8px}.my-record-login{color:#6c56cd;background:#faf8ff;border:1px dashed #d9d2f2;border-radius:13px;width:100%;min-height:80px;font-size:10px;font-weight:800}.join-banner{background:linear-gradient(110deg,#f0edff,#f8f6ff 62%,#ece7ff);border:1px solid #e5defd;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:28px;padding:23px 27px;display:grid;position:relative;overflow:hidden}.join-banner:after{content:"?";color:#6b51ec0a;font:700 100px Arial;position:absolute;right:27%;transform:rotate(14deg)}.join-icon{background:#fff;border-radius:14px;place-items:center;width:49px;height:49px;font-size:25px;display:grid;box-shadow:0 8px 15px #4e3b9c1a}.join-banner>div:nth-child(2)>span{letter-spacing:1.4px;color:#947df1;font-size:7px;font-weight:900}.join-banner h3{margin:4px 0;font-size:15px}.join-banner p{color:#9196a6;margin:0;font-size:9px}.code-form{z-index:1;background:#fff;border-radius:11px;align-items:center;padding:5px;display:flex;position:relative;box-shadow:0 8px 20px #4a3b9614}.code-form label{color:#a8a6b2;font-size:7px;position:absolute;top:-16px}.code-form input{text-transform:uppercase;border:0;outline:0;width:145px;padding:9px 12px;font-size:10px}.code-form button{color:#fff;background:#6c52ee;border:0;border-radius:8px;padding:10px 14px;font-size:9px;font-weight:800}.mobile-nav{display:none}.focus-page{background:linear-gradient(145deg,#faf9ff,#f0edff);min-height:100vh}.focus-shell{max-width:900px;margin:0 auto;padding:26px 24px 70px}.back-button{color:#777;background:0 0;border:0;font-size:12px}.lobby-panel{text-align:center;background:#fff;border:1px solid #e9e5fb;border-radius:28px;padding:40px 48px;box-shadow:0 25px 70px #4a36961f}.room-badge,.result-label{color:#6c52ec;letter-spacing:1.3px;background:#f0edff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900;display:inline-block}.lobby-panel>h1{letter-spacing:-1.5px;margin:14px 0 7px;font-size:31px}.lobby-panel>p{color:#8a90a0;font-size:13px}.room-code{color:#6550d8;background:#f7f5ff;border:1px dashed #9d8aec;border-radius:16px;align-items:center;gap:15px;margin:20px auto;padding:14px 28px;display:flex}.room-code small{letter-spacing:1px;font-size:8px}.room-code b{letter-spacing:3px;font-size:25px}.room-code span{color:#888;font-size:9px}.lobby-meta{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.lobby-meta span{color:#6f7483;background:#f6f6f9;border-radius:8px;padding:7px 11px;font-size:9px}.players{border-top:1px solid #eee;padding-top:23px}.players-title{justify-content:space-between;align-items:center;display:flex}.players-title h2{font-size:16px}.players-title em{color:#755cf0;font-style:normal}.players-title>span{color:#54b99d;font-size:9px}.players-title i{background:#4bd1a8;border-radius:50%;width:6px;height:6px;display:inline-block}.player-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.player-card,.empty-player{background:#fff;border:1px solid #ecebf3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:13px;display:flex;position:relative}.player-card>span{background:#f2efff;border-radius:12px;padding:6px;font-size:30px}.player-card b{margin-top:7px;font-size:11px}.player-card small{color:#725be8;background:#f0edff;border-radius:5px;padding:3px 5px;font-size:7px;position:absolute;top:8px;right:8px}.player-card i{color:#4dbe9c;margin-top:4px;font-size:8px;font-style:normal}.empty-player{color:#aaa;border-style:dashed}.empty-player span{font-size:24px}.empty-player b{font-size:11px}.empty-player small{margin-top:5px;font-size:7px}.start-game{color:#fff;background:linear-gradient(135deg,#755bf2,#5f43e6);border:0;border-radius:13px;width:100%;margin-top:24px;padding:15px;font-size:13px;font-weight:900;box-shadow:0 10px 25px #6043e440}.start-game span{float:right}.room-category-picker{text-align:left;background:#fbfaff;border:1px solid #ece8fb;border-radius:18px;margin:0 0 24px;padding:18px}.room-category-picker>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.room-category-picker>div:first-child>b{font-size:14px}.room-category-picker>div:first-child small{color:#8a90a0;font-size:9px}.room-category-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.room-category-grid button{color:#555;background:#fff;border:1px solid #e9e7f0;border-radius:11px;align-items:center;gap:6px;min-width:0;padding:10px 7px;display:flex;position:relative}.room-category-grid button span{font-size:18px}.room-category-grid button b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.room-category-grid button i{color:#6d54e8;margin-left:auto;font-style:normal}.room-category-grid button.selected{color:#5f47d1;background:#f1edff;border-color:#7a62ed;box-shadow:0 5px 14px #654bdd1f}.room-category-grid button:disabled{cursor:default}.room-category-grid button:disabled:not(.selected){opacity:.55}.empty-player small{max-width:140px;line-height:1.4}.waiting-host{color:#6c59cb;background:#f2efff;border-radius:12px;margin-top:24px;padding:14px;font-size:11px;font-weight:800}.game-page{color:#fff;background:radial-gradient(circle at 50% 15%,#7b63f3,#4e38c1 65%,#382a94);min-height:100vh}.game-top{justify-content:space-between;align-items:center;max-width:1060px;height:78px;margin:auto;padding:0 24px;display:flex}.brand.light{color:#fff}.brand.light b{color:#d9d1ff}.brand.light .brand-mark{color:#6850e8;background:#fff}.game-progress{align-items:center;gap:12px;font-size:12px;display:flex}.game-progress>span{background:#ffffff2e;border-radius:9px;width:190px;height:6px;display:block;overflow:hidden}.game-progress i{background:#6ee0be;border-radius:9px;height:100%;transition:width .4s;display:block}.score-pill{background:#ffffff21;border:1px solid #ffffff29;border-radius:10px;padding:9px 13px;font-size:11px}.question-shell{max-width:890px;margin:10px auto 0;padding:0 24px 50px}.question-meta{justify-content:space-between;align-items:center;font-size:10px;display:flex}.question-meta>span{background:#ffffff21;border-radius:8px;padding:7px 10px}.question-card{color:var(--ink);text-align:center;background:#fff;border-radius:24px;margin-top:10px;padding:35px 42px 30px;box-shadow:0 30px 70px #180f5340}.question-card>small{color:#7a63e5;letter-spacing:1.5px;font-size:8px;font-weight:900}.question-card h1{letter-spacing:-1.2px;margin:14px 0 28px;font-size:27px;line-height:1.4}.answer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer-grid button{text-align:left;color:#343a4c;background:#fff;border:1px solid #e5e5ed;border-radius:13px;align-items:center;gap:13px;min-height:64px;padding:12px 15px;display:flex}.answer-grid button:hover:not(:disabled){background:#f8f6ff;border-color:#8b76ef;transform:translateY(-1px)}.answer-grid button>span{color:#7d8291;background:#f3f2f7;border-radius:9px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.answer-grid button>b{flex:1;font-size:12px}.answer-grid button>i{font-size:20px;font-style:normal}.answer-grid button.correct{color:#218a6d;background:#edfbf6;border-color:#4ac49f}.answer-grid button.correct>span{color:#fff;background:#47c49d}.answer-grid button.wrong{color:#cf3f59;background:#fff1f3;border-color:#f17489}.answer-grid button.wrong>span{color:#fff;background:#f17489}.explanation{text-align:left;border-radius:13px;align-items:center;gap:11px;margin-top:18px;padding:13px 15px;display:flex}.explanation.good{background:#edf9f5}.explanation.bad{background:#fff7e7}.explanation>span{font-size:23px}.explanation>div{flex:1}.explanation b{font-size:11px}.explanation p{color:#757d8c;margin:3px 0 0;font-size:9px}.explanation button{color:#fff;background:#6550df;border:0;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:800}.mini-players{justify-content:center;gap:8px;margin-top:17px;display:flex}.mini-players>div{background:#ffffff1f;border:1px solid #ffffff1f;border-radius:11px;grid-template-columns:auto auto;align-items:center;gap:1px 7px;padding:7px 12px;display:grid}.mini-players>div.me{background:#ffffff38}.mini-players span{grid-row:1/3;font-size:21px}.mini-players b{font-size:9px}.mini-players small{color:#d5cffb;font-size:8px}.result-page{background:radial-gradient(circle at 50% 22%,#f2eeff,#dcd4ff 70%,#cdc2ff);place-items:center;min-height:100vh;padding:40px 20px;display:grid;position:relative;overflow:hidden}.confetti{color:#8871ed;letter-spacing:40px;font-size:30px;position:absolute;top:9%}.result-card{text-align:center;background:#fff;border:1px solid #e6e0ff;border-radius:28px;width:100%;max-width:600px;padding:38px 48px;position:relative;box-shadow:0 30px 80px #432c9b33}.trophy{filter:drop-shadow(0 12px 13px #754d0033);margin-top:-75px;font-size:65px}.result-label{margin-top:10px}.result-card h1{margin:13px 0 6px;font-size:29px}.result-card>p{color:#858b9a;font-size:12px}.final-score{color:#674fe2;background:#f4f1ff;border-radius:16px;margin:22px auto;padding:18px}.final-score small{letter-spacing:1.5px;font-size:8px;display:block}.final-score b{margin:0 5px;font-size:42px}.final-score span{font-size:12px;font-weight:800}.result-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.result-stats>div{border:1px solid #ecebf2;border-radius:12px;flex-direction:column;gap:4px;padding:13px;display:flex}.result-stats span{font-size:20px}.result-stats b{font-size:15px}.result-stats small{color:#999;font-size:8px}.result-actions{gap:10px;margin-top:20px;display:flex}.result-actions button{color:#5f4bc9;background:#fff;border:1px solid #ddd8fa;border-radius:11px;flex:1;padding:12px;font-size:11px;font-weight:800}.result-actions .primary-button{color:#fff;background:#6950e9;border:0}.room-standings{text-align:left;margin:0 0 16px}.room-standings h2{color:#4d5060;margin:0 0 9px;font-size:13px}.room-standing-list{gap:6px;display:grid}.room-standing-row{background:#fff;border:1px solid #ecebf2;border-radius:10px;grid-template-columns:25px 32px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.room-standing-row.me{background:#f5f2ff;border-color:#9a87ef}.room-standing-rank{color:#767b89;background:#f2f1f6;border-radius:7px;place-items:center;width:23px;height:23px;font-size:10px;font-weight:900;display:grid}.room-standing-row:first-child .room-standing-rank{color:#b57b00;background:#fff1c9}.room-standing-avatar{background:#f1eeff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.room-standing-name{align-items:center;gap:6px;min-width:0;display:flex}.room-standing-name b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.room-standing-name small{color:#fff;background:#765ee5;border-radius:5px;padding:2px 5px;font-size:7px;font-weight:800}.room-standing-row strong{color:#6049d0;white-space:nowrap;font-size:10px}.creator-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e183f9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.creator-panel{background:#fff;border:1px solid #e7e1ff;border-radius:24px;width:min(820px,100%);max-height:calc(100vh - 48px);padding:28px;overflow:auto;box-shadow:0 30px 90px #140d3959}.creator-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.creator-head>div>span{color:#785ee7;letter-spacing:1.4px;font-size:8px;font-weight:900}.creator-head h2{letter-spacing:-1px;margin:5px 0;font-size:24px}.creator-head p{color:#858b99;margin:0;font-size:11px}.creator-head>button{color:#898394;background:0 0;border:0;font-size:25px;line-height:1}.creator-panel form{gap:18px;display:grid}.creator-panel label{color:#555b6c;gap:6px;font-size:10px;font-weight:800;display:grid}.creator-panel input,.creator-panel textarea{color:#292c3d;width:100%;font:inherit;background:#fcfbff;border:1px solid #dedbe9;border-radius:9px;outline:0;padding:10px 11px}.creator-panel textarea{resize:vertical;min-height:72px;line-height:1.5}.creator-panel input:focus,.creator-panel textarea:focus{border-color:#8069e9;box-shadow:0 0 0 3px #f0edff}.creator-category-fields{grid-template-columns:80px 1fr 1.5fr;gap:10px;display:grid}.creator-category-fields label:first-child input{text-align:center;font-size:20px}.creator-questions{gap:14px;display:grid}.creator-question{background:#faf9fe;border:1px solid #e7e4ef;border-radius:16px;margin:0;padding:16px}.creator-question legend{color:#3f4352;justify-content:space-between;align-items:center;width:100%;padding:0 2px 8px;font-size:12px;font-weight:900;display:flex}.creator-question legend button{color:#d14f69;background:0 0;border:0;font-size:9px;font-weight:800}.creator-options{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.creator-option{align-items:center;grid-template-columns:auto 25px 1fr!important;gap:5px!important}.creator-option>input[type=radio]{accent-color:#7058df;width:15px;height:15px}.creator-option>span{color:#6d627f;background:#ece9f7;border-radius:7px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.creator-question>small{color:#918b9d;margin-top:7px;font-size:8px;display:block}.creator-image-field{grid-template-columns:1fr minmax(180px,260px);align-items:end;gap:12px;margin-top:10px;display:grid}.creator-panel input[type=file]{background:#fff;padding:8px}.creator-panel input[type=file]::file-selector-button{color:#614bc8;background:#eeeaff;border:0;border-radius:7px;margin-right:8px;padding:7px 9px;font-size:9px;font-weight:800}.creator-image-preview{background:#fff;border:1px solid #e2deef;border-radius:12px;position:relative;overflow:hidden}.creator-image-preview img{object-fit:contain;background:#f3f2f6;width:100%;height:130px;display:block}.creator-image-preview button{color:#fff;background:#261f3ad1;border:0;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800;position:absolute;bottom:6px;right:6px}.creator-image-error{color:#b4233d;background:#fff0f2;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:700}.creator-actions{background:linear-gradient(#0000,#fff 25%);justify-content:space-between;gap:10px;padding:14px 0 2px;display:flex;position:sticky;bottom:-28px}.creator-actions>button{color:#654fcf;background:#fff;border:1px solid #ddd8f1;border-radius:10px;padding:11px 16px;font-size:10px;font-weight:800}.creator-actions>.primary-button{color:#fff;background:linear-gradient(135deg,#775df7,#6246e9);border:0}.question-image{object-fit:contain;background:#f6f5f8;border:1px solid #eceaf3;border-radius:16px;width:100%;max-height:340px;margin:14px auto 6px;display:block}@media (width<=900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:40px}.hero-art{display:none}.content-grid{grid-template-columns:1fr}.ranking-card{scroll-margin-top:18px}.category-grid,.category-record-grid{grid-template-columns:repeat(2,1fr)}.book-section{grid-template-columns:1fr}.join-banner{grid-template-columns:auto 1fr}.code-form{grid-column:1/3;width:100%}.code-form input{flex:1}.player-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){body{padding-bottom:64px}.topbar{height:63px;padding:0 18px}.brand{font-size:18px}.brand-mark{width:33px;height:33px}.profile-copy,.chevron{display:none}.icon-button{font-size:16px}.page-shell{padding:0 17px 35px}.hero{min-height:360px}.hero-copy{padding-top:28px}.hero h1{font-size:34px}.hero-copy>p br{display:none}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions .creator-button{grid-column:1/3}.hero-actions button{padding:13px 9px}.category-grid{gap:9px}.category-card,.category-launch{min-height:135px}.category-launch{padding:13px}.book-section{padding:18px}.book-section-copy form{display:grid}.book-shelf{grid-template-columns:repeat(2,1fr)}.book-cover{min-height:130px}.book-shelf-empty{grid-column:1/3}.book-overlay{padding:0}.book-studio{border-radius:0;max-height:100vh;padding:18px 14px}.book-participants{display:block}.book-participants>div{margin-top:7px}.book-writing-form{grid-template-columns:1fr}.book-writing-form>div{grid-column:1}.book-writing-form button{padding:12px}.book-line{grid-template-columns:20px 1fr}.book-line small{text-align:right;grid-column:2}.my-record-section{padding:17px}.my-record-head{align-items:flex-start}.my-record-total{flex-direction:column;gap:2px;display:flex}.category-record-grid{grid-template-columns:1fr}.join-banner{gap:12px;padding:18px}.join-icon{width:42px;height:42px}.join-banner h3{font-size:13px}.code-form input{width:100px}.mobile-nav{z-index:30;background:#fffffff5;border-top:1px solid #eee;justify-content:space-around;height:62px;padding:7px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#999;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:16px;display:flex}.mobile-nav button span{font-size:7px}.mobile-nav button.active{color:#6950e9}.creator-overlay{padding:0}.creator-panel{border-radius:0;max-height:100vh;padding:20px 16px}.creator-category-fields{grid-template-columns:70px 1fr}.creator-category-fields label:last-child{grid-column:1/3}.creator-options,.creator-image-field{grid-template-columns:1fr}.creator-actions{bottom:-20px}.lobby-panel{padding:30px 18px}.lobby-panel>h1{font-size:24px}.room-code{gap:8px;padding:12px}.lobby-meta{flex-wrap:wrap}.room-category-picker>div:first-child{display:block}.room-category-picker>div:first-child small{margin-top:4px;display:block}.room-category-grid{grid-template-columns:repeat(2,1fr)}.player-grid{grid-template-columns:1fr 1fr}.game-top{height:65px}.game-top .brand span:last-child{display:none}.game-progress>span{width:90px}.question-shell{padding:0 14px 30px}.question-card{padding:26px 17px 20px}.question-card h1{font-size:21px}.answer-grid{grid-template-columns:1fr}.explanation{flex-wrap:wrap;align-items:flex-start}.explanation button{margin-left:auto}.mini-players>div{padding:6px}.mini-players b,.mini-players small{display:none}.result-card{padding:35px 20px}.result-card h1{font-size:25px}.result-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}