:root{--brand: #D6406B;--brand-strong: #B62E52;--brand-soft: #FBE3EA;--engage: #2563EB;--engage-strong: #1D4ED8;--engage-soft: #EFF4FF;--warm: #EA580C;--warm-strong: #C2410C;--warm-soft: #FFF1E6;--mystery: #7C5CFC;--mystery-soft: #EFEAFF;--success: #16A34A;--error: #EF4444;--bg: #FFF6F7;--surface: #FFFFFF;--surface-2: #FFEDF0;--ink: #211B1F;--ink-2: #6B6470;--muted: #938B95;--line: rgba(33, 27, 31, .1);--line-strong: rgba(33, 27, 31, .16);--hairline: rgba(33, 27, 31, .16);--border-w: 1px;--border-w-bold: 1.5px;--border-color: var(--line);--border: var(--border-w) solid var(--border-color);--border-bold: var(--border-w-bold) solid var(--line-strong);--shadow-sm: 0 1px 2px rgba(33, 27, 31, .06);--shadow-md: 0 2px 10px rgba(33, 27, 31, .08);--shadow-card: 0 6px 20px rgba(33, 27, 31, .07), 0 2px 6px rgba(33, 27, 31, .05);--shadow-float: 0 12px 32px rgba(33, 27, 31, .12);--shadow-hard: 4px 4px 0 var(--warm);--grad-brand: linear-gradient(135deg, #EE7C97 0%, #D6406B 60%, #B62E52 100%);--grad-engage: linear-gradient(135deg, #4C8DFF 0%, #2563EB 100%);--grad-warm: linear-gradient(135deg, #FB923C 0%, #EA580C 100%);--text-12: 12px;--text-14: 14px;--text-16: 16px;--text-18: 18px;--text-20: 20px;--text-24: 24px;--text-28: 28px;--text-32: 32px;--text-40: 40px;--text-48: 48px;--text-56: 56px;--text-72: 72px;--text-88: 88px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-8: 32px;--gap-page: 28px;--pad-card: 20px;--pad-card-lg: 24px;--radius: 20px;--radius-lg: 28px;--radius-sm: 14px;--radius-pill: 999px;--tilt-main: rotate(-1.6deg);--tilt-sub: rotate(1.4deg);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--tap-highlight: rgba(33, 27, 31, .05);--tap-active: rgba(33, 27, 31, .1);--blur-nav: saturate(180%) blur(20px);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-hero: var(--font-ui);--shell-max: 480px;--tabbar-h: 64px;--brand-red: var(--brand);--trust-blue: var(--engage);--love-pink: var(--brand);--mystery-purple: var(--mystery);--warm-orange: var(--warm);--ios-blue: var(--engage);--ink-black: var(--ink);--ink-gray: var(--ink-2);--paper: var(--bg);--card: var(--surface);--beige: var(--surface-2)}[data-theme=dark]{--brand: #F2789A;--brand-strong: #E26A8C;--brand-soft: #3A2230;--engage: #60A5FA;--engage-strong: #3B82F6;--engage-soft: #1B2A45;--warm: #FB923C;--warm-strong: #F97316;--warm-soft: #3A2716;--mystery: #9B86FF;--mystery-soft: #261F3F;--success: #34D399;--error: #F87171;--bg: #16131A;--surface: #221E29;--surface-2: #2B2634;--ink: #F5EEF2;--ink-2: #B7AEB5;--muted: #8A828F;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--hairline: rgba(255, 255, 255, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 10px rgba(0, 0, 0, .5);--shadow-card: 0 6px 20px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35);--shadow-float: 0 12px 32px rgba(0, 0, 0, .55);--shadow-hard: 4px 4px 0 var(--warm);--grad-brand: linear-gradient(135deg, #F2789A 0%, #D6406B 100%);--grad-engage: linear-gradient(135deg, #60A5FA 0%, #2563EB 100%);--grad-warm: linear-gradient(135deg, #FB923C 0%, #EA580C 100%);--tap-highlight: rgba(255, 255, 255, .07);--tap-active: rgba(255, 255, 255, .12)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-ui);font-size:var(--text-16);font-weight:400;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.app-shell{position:relative;max-width:var(--shell-max);margin:0 auto;min-height:100%;padding:0 var(--space-4);background:var(--bg);overflow-x:hidden}.app-shell:before{content:"";position:fixed;top:-140px;left:50%;transform:translate(-50%);width:520px;height:320px;background:radial-gradient(closest-side,rgba(255,77,109,.12),transparent 70%);pointer-events:none;z-index:0}@media (min-width: 768px){.app-shell{padding:0 var(--space-6);border-left:1px solid var(--line);border-right:1px solid var(--line)}}.app-content{position:relative;z-index:1;min-height:100%}.app-shell--tab .app-content{padding-bottom:calc(var(--tabbar-h) + var(--space-8))}.page{padding-top:var(--space-8);padding-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--gap-page)}@media (max-width: 375px){.app-shell{padding:0 var(--space-3)}}.tilt-main{transform:var(--tilt-main)}.tilt-sub{transform:var(--tilt-sub)}.mono{font-family:var(--font-mono)}.hero-font{font-family:var(--font-hero);font-weight:800;line-height:1.04;letter-spacing:-.01em}.text-muted{color:var(--ink-2)}.t-12{font-size:var(--text-12)}.t-14{font-size:var(--text-14)}.t-16{font-size:var(--text-16)}.t-18{font-size:var(--text-18)}.t-20{font-size:var(--text-20)}.t-24{font-size:var(--text-24)}.t-32{font-size:var(--text-32)}.tape{display:inline-block;padding:3px 10px;font-size:var(--text-12);font-weight:700;color:var(--ink-2);background:var(--surface-2);border:var(--border);border-radius:var(--radius-pill);white-space:nowrap}.tape--blue{background:var(--engage-soft);color:var(--engage-strong)}.tape--orange{background:var(--warm-soft);color:var(--warm-strong)}.skeleton{background:var(--surface-2);border:var(--border);border-radius:var(--radius)}.disclaimer{text-align:center;font-size:var(--text-12);color:var(--muted);padding:var(--space-4) var(--space-2);line-height:1.5}.disclaimer-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.disclaimer-link:hover{color:var(--ink-2)}.btn{--btn-accent: var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:700;font-size:var(--text-16);line-height:1.2;padding:14px 20px;border:var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth),filter var(--dur-fast) var(--ease-smooth)}@media (hover: hover){.btn:hover{background:var(--tap-highlight)}.btn--primary:hover{background:var(--btn-accent);filter:brightness(.95);transform:translateY(-1px);box-shadow:var(--shadow-float)}}.btn:active{background:var(--tap-active)}.btn--primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--primary{background:var(--btn-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-md)}.btn--secondary{background:var(--surface)}.btn--ghost{background:transparent;border:none;box-shadow:none;color:var(--ink-2);padding:6px 10px}.btn--ghost:hover{transform:none;box-shadow:none;color:var(--ink)}.btn--red{--btn-accent: var(--brand)}.btn--blue{--btn-accent: var(--engage)}.btn--orange{--btn-accent: var(--warm)}.btn--ink{--btn-accent: var(--ink)}.btn--block{display:flex;width:100%}.btn--bold{border:var(--border-bold);box-shadow:var(--shadow-md)}.btn--tilt-main{transform:var(--tilt-main)}.btn--tilt-main:hover{background:var(--tap-highlight)}.btn:disabled,.btn--loading,.btn--disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none!important;filter:none!important;pointer-events:none}.btn__label{display:inline-block}.card{--card-accent: var(--brand);display:block;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--pad-card)}.card--primary{background:var(--card-accent);border-color:transparent;box-shadow:var(--shadow-md);color:#fff}.card--weak{background:var(--surface-2);box-shadow:none}.card--bold{border:var(--border-bold);box-shadow:var(--shadow-md)}.card--red{--card-accent: var(--brand)}.card--blue{--card-accent: var(--engage)}.card--orange{--card-accent: var(--warm)}.card--tilt-main{transform:var(--tilt-main)}.card--tilt-sub{transform:var(--tilt-sub)}.card--interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}@media (hover: hover){.card--interactive:hover{background:var(--tap-highlight);transform:translateY(-2px);box-shadow:var(--shadow-float)}.card--primary:hover{background:var(--card-accent);filter:brightness(.96)}}.card--interactive:active{background:var(--tap-active);transform:translateY(0)}.card--primary:active{background:var(--card-accent);filter:brightness(.96)}.progress{--prog-accent: var(--brand);width:100%;height:12px;background:var(--surface-2);border:var(--border);border-radius:var(--radius-pill);overflow:hidden;position:relative}.progress--red{--prog-accent: var(--brand)}.progress--blue{--prog-accent: var(--engage)}.progress--orange{--prog-accent: var(--warm)}.progress__fill{height:100%;background:var(--prog-accent);border-radius:var(--radius-pill);transition:width var(--dur-normal) var(--ease-smooth)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--shell-max));height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:stretch;justify-content:space-around;background:var(--surface);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:var(--blur-nav);backdrop-filter:var(--blur-nav);border-top:1px solid var(--line);z-index:50}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--ink-2);font-size:10px;font-weight:600;cursor:pointer;padding:6px 4px;transition:background-color var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}.tabbar__item--active{color:var(--brand)}.tabbar__plus{flex:0 0 auto;align-self:center;width:54px;height:54px;margin-top:-16px;display:flex;align-items:center;justify-content:center;background:var(--grad-brand);color:#fff;border:none;border-radius:18px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),filter var(--dur-fast) var(--ease-smooth)}.tabbar__plus:hover{filter:brightness(1.05);transform:translateY(-1px)}.tabbar__plus:active{transform:translateY(0);filter:brightness(.96)}.state-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6);background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.state-card--weak{background:var(--surface-2);box-shadow:none}.state-card--error{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.state-card h2,.state-card h3{font-size:var(--text-20)}.state-card p{color:var(--ink-2);font-size:var(--text-14)}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--ink-2);font-size:var(--text-14)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.option{--opt-accent: var(--brand);width:100%;display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:16px 18px;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink);font-size:var(--text-16);font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}@media (hover: hover){.option:hover{background:var(--tap-highlight);transform:translateY(-1px)}.option--selected:hover{background:var(--opt-accent);filter:brightness(.96);transform:translateY(-1px)}}.option:active{background:var(--tap-active)}.option--selected:active{background:var(--opt-accent);filter:brightness(.96)}.option--red{--opt-accent: var(--brand)}.option--blue{--opt-accent: var(--engage)}.option--selected{background:var(--opt-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-md)}.option__check{margin-left:auto;display:inline-flex;flex-shrink:0}.brand{display:inline-block;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:14px 22px;transform:var(--tilt-main)}.brand__title{font-family:var(--font-hero);font-weight:800;letter-spacing:-.02em;font-size:var(--text-32);background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.05}.brand__sub{font-size:var(--text-12);color:var(--ink-2);margin-top:4px}.cta-create{display:flex;flex-direction:column;gap:var(--space-2)}.cta-create__head{display:flex;align-items:center;gap:var(--space-2)}.cta-create__title{font-size:var(--text-28);font-weight:800;letter-spacing:-.02em}.cta-create__sub{font-size:var(--text-14);color:var(--ink)}.create-cta-secondary{border-left:4px solid var(--warm)}.create-cta-secondary__head{display:flex;align-items:center;justify-content:space-between}.create-cta-secondary__title{font-size:var(--text-17);font-weight:700;color:var(--ink)}.create-cta-secondary__sub{font-size:var(--text-14);color:var(--ink-gray);margin-top:var(--space-1)}.view-all-btn{margin-top:var(--space-4)}.peer-section--highlight{border-left:4px solid var(--engage);padding-left:var(--space-4);margin-top:var(--space-4)}.peer-section--highlight .flow-title{margin-bottom:var(--space-3)}.subpage-head{display:flex;align-items:center;gap:var(--space-2)}.subpage-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:var(--border);background:var(--surface);color:var(--ink);cursor:pointer;flex-shrink:0;transition:background-color var(--dur-fast) var(--ease-smooth)}.subpage-back:active{background:#211b1f0f}.subpage-title{font-size:var(--text-24);font-weight:800}.flow-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-24);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4)}.flow-title svg{color:var(--ink)}.quiz-flow-card{display:flex;align-items:center;gap:var(--space-3)}.quiz-flow-card__body{flex:1;min-width:0}.quiz-flow-card__tag{display:inline-block;font-size:var(--text-12);font-weight:700;color:var(--brand)}.quiz-flow-card__guide{font-size:var(--text-16);font-weight:700;margin-top:2px}.quiz-flow-card__meta{font-size:var(--text-12);color:var(--ink-2);margin-top:4px}.peer-card{display:flex;align-items:center;gap:var(--space-3);border-left:4px solid var(--engage)}.peer-card__body{flex:1;min-width:0}.peer-card__title{font-size:var(--text-16);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-card__meta{font-size:var(--text-12);color:var(--ink-2);margin-top:4px}.quiz-top{display:flex;align-items:center;gap:var(--space-3)}.quiz-top__body{flex:1;min-width:0}.quiz-top__title{font-size:var(--text-20);font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-top__hint{font-size:var(--text-12);color:var(--ink-2);margin-top:2px}.quiz-progress-row{display:flex;align-items:center;gap:var(--space-3)}.quiz-progress-row__num{font-family:var(--font-mono);font-size:var(--text-16);font-weight:700;white-space:nowrap;color:var(--ink-2)}.quiz-progress-row .progress{flex:1}.question-card__text{font-size:var(--text-18);font-weight:700;line-height:1.5}.options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-nav{display:flex;align-items:center;gap:var(--space-3)}.quiz-nav__prev{flex:0 0 auto}.quiz-nav__next{flex:1}.result-hero{position:relative}.result-hero__emoji{position:absolute;top:-10px;right:6px;font-size:44px;transform:rotate(-6deg);filter:drop-shadow(2px 3px 0 rgba(33,27,31,.12))}.result-hero__label{font-family:var(--font-hero);font-weight:800;font-size:var(--text-40);line-height:1.05;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.result-hero__guide{font-size:var(--text-24);font-weight:700;letter-spacing:-.02em;color:var(--ink-2);margin-bottom:var(--space-3)}.dimensions{display:flex;flex-direction:column;gap:var(--space-3)}.dimension__head{display:flex;justify-content:space-between;font-size:var(--text-14);font-weight:700;margin-bottom:4px}.dimension__pct{font-family:var(--font-mono);color:var(--ink-2)}.dimension__track{height:14px;background:var(--surface-2);border:var(--border);border-radius:var(--radius-pill);overflow:hidden}.dimension__fill{height:100%;background:var(--brand);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-smooth)}.dimension--lead .dimension__fill{background:var(--brand)}.dimension--purple .dimension__track{border-color:var(--mystery)}.dimension--purple .dimension__fill{background:var(--mystery)}.result-actions{display:flex;gap:var(--space-3)}.result-actions .btn--ghost{flex:1;border:var(--border);box-shadow:var(--shadow-sm);color:var(--ink)}.result-actions .btn--ghost:hover{background:var(--tap-highlight)}.accuracy-hero{position:relative}.accuracy-hero__guide{font-size:var(--text-24);font-weight:700;letter-spacing:-.02em;color:var(--ink-2)}.accuracy-hero__num{font-family:var(--font-hero);font-weight:800;font-size:var(--text-48);line-height:1.05;color:var(--engage)}.tag-card{position:relative}.tag-card__emoji{position:absolute;top:-12px;right:8px;font-size:42px;transform:rotate(-6deg);filter:drop-shadow(2px 3px 0 rgba(33,27,31,.12))}.tag-card__label{font-family:var(--font-hero);font-weight:800;font-size:var(--text-40);line-height:1.05;color:var(--brand)}.tag-card__desc{font-size:var(--text-16);margin-top:var(--space-3)}.correct-count{font-family:var(--font-mono);font-size:var(--text-18);font-weight:700;color:var(--engage)}.answer-viz{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.answer-viz__item{display:inline-flex}.mode-grid{display:flex;flex-direction:column;gap:var(--space-5)}.mode-card{display:flex;flex-direction:column;gap:var(--space-2)}.mode-card__head{display:flex;align-items:center;gap:var(--space-2)}.mode-card__title{font-size:var(--text-28);font-weight:800;letter-spacing:-.02em}.mode-card__sub{font-size:var(--text-14);color:var(--ink)}.tpl-grid{display:flex;flex-direction:column;gap:var(--space-4)}.tpl-card{display:flex;align-items:center;gap:var(--space-3)}.tpl-card--selected{background:var(--brand);border-color:transparent;color:#fff}.tpl-card__body{flex:1;min-width:0}.tpl-card__name{font-size:var(--text-18);font-weight:700}.tpl-card__desc{font-size:var(--text-14);color:var(--ink-2);margin-top:2px}.tpl-card--selected .tpl-card__desc{color:#ffffffd9}.tpl-card__check{flex-shrink:0;display:inline-flex}.form-card{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-14);font-weight:700}.input{width:100%;padding:14px 16px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-16);color:var(--ink);transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input--error{border-color:var(--error)}.field__error{font-size:var(--text-12);color:var(--error);font-weight:700}.answer-q{border-top:1px solid var(--line);padding-top:var(--space-3)}.answer-q__text{font-size:var(--text-16);font-weight:700;margin-bottom:var(--space-2)}.answer-opt{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:12px 14px;margin-bottom:var(--space-2);background:var(--surface);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-14);font-weight:600;cursor:pointer}.answer-opt--selected{background:var(--warm);border-color:transparent;color:#fff}.answer-opt__mark{width:18px;display:inline-flex;flex-shrink:0}.pool-grid{display:flex;flex-direction:column;gap:var(--space-3)}.q-card{display:flex;align-items:flex-start;gap:var(--space-3)}.q-card--selected{background:var(--brand);border-color:transparent;color:#fff}.q-card__body{flex:1;min-width:0}.q-card__text{font-size:var(--text-16);font-weight:600;line-height:1.4}.q-card__cat{font-size:var(--text-12);color:var(--ink-2);margin-top:4px;font-weight:700}.q-card--selected .q-card__cat{color:#ffffffd9}.q-card__check{flex-shrink:0;display:inline-flex;margin-top:2px}.pool-bar{position:sticky;bottom:calc(var(--tabbar-h, 0px) + var(--space-2));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-float)}.pool-bar__count{font-family:var(--font-mono);font-weight:700;white-space:nowrap}.pool-bar__btn{flex:1}.identity{display:flex;align-items:center;gap:var(--space-3);border:1.5px solid var(--brand);box-shadow:var(--shadow-card)}.identity__body{flex:1}.identity__title{font-size:var(--text-24);font-weight:800;letter-spacing:-.02em}.identity__id{font-family:var(--font-mono);font-size:var(--text-12);color:var(--ink-2);margin-top:2px}.mine-tabs{display:flex;gap:var(--space-3)}.mine-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--pad-card);min-height:52px;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-weight:700;font-size:var(--text-16);color:var(--ink-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}.mine-tab--active{border-bottom:2px solid var(--brand);color:var(--brand)}.mine-card{display:flex;align-items:center;gap:var(--space-3)}.mine-card__body{flex:1;min-width:0}.mine-card__title{font-size:var(--text-18);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mine-card__meta{font-size:var(--text-12);color:var(--ink-2);margin-top:4px;font-family:var(--font-mono)}.mine-card__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.participant{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:var(--text-14)}.participant:not(:first-child):before{content:"";position:absolute;top:0;left:26px;right:0;height:1px;background:var(--line)}.participant__name{font-weight:700}.participant__acc{margin-left:auto;font-family:var(--font-mono);color:var(--engage);font-weight:700}.participant__emoji{font-size:18px}.share-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#211b1f73;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.share-sheet{width:min(100%,360px);background:var(--surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:var(--pad-card-lg);display:flex;flex-direction:column;gap:var(--space-3)}.share-sheet__qr{align-self:center;width:180px;height:180px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm)}.share-sheet__link{font-family:var(--font-mono);font-size:var(--text-12);color:var(--ink-2);word-break:break-all;background:var(--surface-2);border:var(--border);border-radius:var(--radius-sm);padding:var(--space-2)}.share-sheet__row{display:flex;gap:var(--space-3)}.share-sheet__row .btn{flex:1}.share-sheet__apps{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-2) 0}.share-app{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;cursor:pointer;color:var(--ink)}.share-app:hover{opacity:.8}.share-app__icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm)}.share-app__icon--system{background:linear-gradient(135deg,#667eea,#764ba2)}.share-app__icon--weibo{background:linear-gradient(135deg,#e6162d,#ff6b35)}.share-app__label{font-size:var(--text-12);color:var(--ink-2)}.board-tabs{display:flex;gap:var(--space-2)}.board-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--pad-card);min-height:52px;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-weight:700;font-size:var(--text-16);color:var(--ink-2);cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}.board-tab svg{color:var(--ink)}.board-tab--active{border-bottom:2px solid var(--engage);color:var(--engage)}.board-tab--active svg{color:var(--engage)}.cat-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch}.cat-tab{flex:0 0 auto;padding:10px 18px;background:var(--surface);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-weight:700;font-size:var(--text-14);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}@media (hover: hover){.cat-tab:hover{background:var(--tap-highlight)}}.cat-tab--active{background:var(--engage);border-color:transparent;color:#fff}.rank-row{display:flex;align-items:stretch;gap:var(--space-3);background:var(--surface);border:var(--border);border-left:4px solid var(--engage);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--pad-card);min-height:64px;text-align:left;width:100%;cursor:pointer;transform:none;transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}@media (hover: hover){.rank-row:hover{background:var(--tap-highlight);transform:translateY(-2px);box-shadow:var(--shadow-float)}}.rank-row:active{background:var(--tap-active);transform:translateY(0)}.rank-row--static{cursor:default}.rank-row--static:hover{transform:none;box-shadow:var(--shadow-card)}.rank-row__rank{flex-shrink:0;width:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-16);font-weight:700;color:var(--ink)}.rank-row__rank--medal{font-size:28px;line-height:1}.rank-row__body{flex:1;min-width:0}.rank-row__title{font-size:var(--text-16);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-12);color:var(--ink-2);margin-top:var(--space-2);font-family:var(--font-mono)}.step-rail{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0}.step-rail:before{content:"";position:absolute;top:18px;left:12.5%;right:12.5%;height:2px;background:var(--line);z-index:0}.step-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:1;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.step-node__dot{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:var(--border);border-radius:50%;font-family:var(--font-mono);font-weight:700;font-size:var(--text-16);color:var(--ink)}.step-node--done .step-node__dot,.step-node--current .step-node__dot{background:var(--grad-warm);border-color:transparent;color:#fff;box-shadow:var(--shadow-sm)}.step-node--future .step-node__dot{background:var(--surface-2);border:var(--border)}.step-node__label{font-size:var(--text-14);font-weight:700;color:var(--ink-2)}.step-node--current .step-node__label{color:var(--warm-strong)}.q-edit{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--pad-card-lg)}.q-edit__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.q-edit__no{font-family:var(--font-mono);font-weight:700;font-size:var(--text-16)}.q-edit__stem{width:100%;padding:14px 16px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-18);font-weight:700;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.q-edit__stem:focus{outline:none;border-color:var(--warm);box-shadow:0 0 0 3px var(--warm-soft)}.q-edit__stem--error{border-color:var(--error)}.opt-row{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:var(--text-16);font-weight:600;color:var(--ink);transition:transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}@media (hover: hover){.opt-row:hover{background:var(--tap-highlight);transform:translateY(-1px)}.opt-row--selected:hover{background:var(--warm);filter:brightness(.96);transform:translateY(-1px)}}.opt-row:active{background:var(--tap-active)}.opt-row--selected:active{background:var(--warm);filter:brightness(.96)}.opt-row--selected{background:var(--warm);border-color:transparent;color:#fff}.opt-row__letter{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-14);border:var(--border);border-radius:50%;background:var(--surface-2)}.opt-row--selected .opt-row__letter{background:#fff3;border-color:transparent}.opt-row__input{flex:1;min-width:0;background:transparent;border:none;font-size:var(--text-16);font-weight:600;color:var(--ink)}.opt-row--selected .opt-row__input{color:#fff}.opt-row__input:focus{outline:none}.opt-row__input::placeholder{color:var(--muted)}.opt-row__mark{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-12);font-weight:700;color:var(--ink-2)}.opt-row--selected .opt-row__mark{color:#fff}.tier-edit{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--pad-card-lg)}.tier-edit__head{display:flex;align-items:center;gap:var(--space-2)}.tier-edit__range{font-family:var(--font-mono);font-weight:700;font-size:var(--text-12);color:var(--ink)}.tier-edit__emoji{font-size:22px;line-height:1}.tier-edit__name{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-16);font-weight:700;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.tier-edit__name:focus{outline:none;border-color:var(--warm);box-shadow:0 0 0 3px var(--warm-soft)}.tier-edit__desc{width:100%;padding:12px 14px;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-14);color:var(--ink);resize:vertical;min-height:64px;transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth)}.tier-edit__desc:focus{outline:none;border-color:var(--warm);box-shadow:0 0 0 3px var(--warm-soft)}.preview-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--pad-card-lg)}.preview-card__title{font-size:var(--text-18);font-weight:800}.promo-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-2);border:var(--border);border-radius:var(--radius);box-shadow:none;padding:var(--space-4)}.promo-card__head{display:flex;align-items:center;gap:var(--space-2)}.promo-card__icon{color:var(--ink-2)}.promo-card__title{font-size:var(--text-16);font-weight:700;color:var(--ink)}.promo-card__desc{font-size:var(--text-14);color:var(--ink-2)}.promo-card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-14);font-weight:700;color:var(--ink-2);cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.promo-card__link:hover{color:var(--ink)}.promo-card__note{font-size:var(--text-12);color:var(--muted)}.app-toggles{position:fixed;top:calc(var(--space-4) + env(safe-area-inset-top,0px));right:max(var(--space-4),calc(50% - var(--shell-max) / 2 + var(--space-4)));z-index:60;display:flex;gap:8px}.lang-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:-.5px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}.lang-toggle:hover{background:var(--tap-highlight);transform:translateY(-1px)}.lang-toggle:active{transform:translateY(0)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--border);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth),background-color var(--dur-fast) var(--ease-smooth)}.theme-toggle:hover{background:var(--tap-highlight);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}@media (hover: hover){.tabbar__item:hover,.mine-tab:hover,.board-tab:hover{background:var(--tap-highlight)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.tilt-main,.tilt-sub,.brand,.cta-create,.quiz-flow-card,.peer-card,.rank-row,.result-hero,.accuracy-hero,.tag-card,.form-card,.tpl-card,.q-card,.q-edit,.tier-edit,.preview-card,.mine-card,.identity,.card--tilt-main,.card--tilt-sub,.btn--tilt-main,.btn:hover,.card--interactive:hover,.option:hover,.tabbar__plus:hover,.rank-row:hover{transform:none!important}}[data-theme=dark] .app-shell:before{display:none}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.admin-section{padding:var(--space-4);margin-bottom:var(--space-4)}.admin-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.admin-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-soft, rgba(128,128,128,.08));border-radius:var(--radius-sm, 10px);font-size:var(--text-14)}.admin-list li em{color:var(--ink-gray);font-style:normal;font-size:var(--text-12);margin-left:var(--space-2)}.admin-list code{font-family:var(--mono, ui-monospace, monospace);font-size:var(--text-12);color:var(--brand)}.admin-del{border:none;background:transparent;color:var(--error);cursor:pointer;padding:4px;border-radius:6px}.admin-del:hover{background:color-mix(in srgb,var(--error) 12%,transparent)}.admin-form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.admin-form .input,.admin-form textarea{width:100%;box-sizing:border-box}.admin-msg{display:flex;align-items:center;gap:6px;color:var(--error);font-size:var(--text-12);margin-top:var(--space-2)}.admin-more{justify-content:center;color:var(--ink-gray)}.admin-login{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.admin-login__head{display:flex;align-items:center;gap:var(--space-2)}