:root{--paper: #f0f1ef;--surface: #ffffff;--surface-2: #e6e9e7;--ink: #141a20;--ink-2: #3c464e;--muted: #606b74;--rule: #c6ccc9;--rule-soft: #dde1de;--accent: #1d5a8a;--accent-soft: #dce7f0;--red: #96322b;--red-soft: #f2dedb;--green: #2c6349;--green-soft: #d9e8e0;--shadow: 0 1px 2px rgba(20, 26, 32, .06), 0 8px 24px -16px rgba(20, 26, 32, .28)}@media (prefers-color-scheme: dark){:root{--paper: #111519;--surface: #191f25;--surface-2: #222a31;--ink: #e3e7e6;--ink-2: #b9c1c4;--muted: #8b979e;--rule: #333d45;--rule-soft: #262e35;--accent: #6fb2e0;--accent-soft: #17303f;--red: #d98a81;--red-soft: #301a18;--green: #6fae8b;--green-soft: #16291f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -16px rgba(0, 0, 0, .8)}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3{margin:0;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.topbar{display:flex;align-items:center;gap:20px;padding:12px 22px;background:var(--surface);border-bottom:1px solid var(--rule-soft);position:sticky;top:0;z-index:50}.topbar .brand{font-weight:700;font-size:17px;letter-spacing:-.02em}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav a{padding:7px 12px;border-radius:6px;color:var(--ink-2);font-weight:500}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar .who{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}.topbar .who img{width:26px;height:26px;border-radius:50%}.page{max-width:980px;margin:0 auto;padding:28px 20px 80px}.page-head{margin-bottom:22px}.page-head h1{font-size:26px}.page-head p{margin:6px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:0;border-radius:7px;padding:10px 18px;font-size:14.5px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--rule)}.btn.small{padding:6px 12px;font-size:13px}.btn.danger{background:transparent;color:var(--red);border:1px solid var(--rule)}input[type=text],input[type=email],input[type=password],select{background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:7px;padding:9px 12px;font-size:14px;font-family:inherit;width:100%}input:focus,select:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--rule-soft);border-radius:10px;padding:20px 22px;box-shadow:var(--shadow)}.error-box{background:var(--red-soft);color:var(--red);border-radius:7px;padding:10px 14px;font-size:14px;margin-top:12px}.ok-box{background:var(--green-soft);color:var(--green);border-radius:7px;padding:10px 14px;font-size:14px;margin-top:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:400px;text-align:center}.login-card h1{font-size:34px;margin-bottom:4px}.login-card .tag{color:var(--muted);margin-bottom:26px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0}.auth-tabs{display:flex;gap:6px;margin-bottom:14px}.auth-tabs button{flex:1;padding:8px 0;border:1px solid var(--rule);border-radius:7px;background:transparent;color:var(--ink-2);font-weight:600;font-size:14px;cursor:pointer}.auth-tabs button.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--rule-soft)}.drop{border:2px dashed var(--rule);border-radius:12px;padding:48px 20px;text-align:center;cursor:pointer;background:var(--surface);transition:border-color .15s}.drop:hover,.drop.over{border-color:var(--accent)}.drop .big{font-size:40px}.drop p{margin:8px 0 0;color:var(--muted)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--rule-soft);background:var(--surface);aspect-ratio:4/3;display:block}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .n{position:absolute;bottom:8px;left:8px;background:#141a20b8;color:#fff;font-size:12px;padding:3px 8px;border-radius:5px}.photo-stage{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.photo-stage img{width:100%;display:block}.pin{position:absolute;transform:translate(-50%,-50%);z-index:2}.pin .dot{width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 2px #00000040}.tagcard{position:absolute;z-index:3;transform:translate(-50%,-100%);margin-top:-14px;background:#fffffff0;color:#141a20;border-radius:7px;padding:6px 10px;text-align:center;box-shadow:0 2px 10px #00000059;min-width:72px;pointer-events:none}.tagcard .w{font-weight:700;font-size:13px}.tagcard .p{font-family:IBM Plex Mono,monospace;font-size:10px;color:#606b74}.tagcard .v{font-size:11px;color:#3c464e}.tagcard:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fffffff0}.wordlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wordchip{background:var(--surface);border:1px solid var(--rule-soft);border-radius:7px;padding:7px 12px;font-size:13.5px}.wordchip b{color:var(--accent)}.wordchip .p{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-left:6px}.scene-line{margin-top:14px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 7px 7px 0;font-size:15px}.admin-grid{display:flex;flex-direction:column;gap:22px}.row{display:flex;gap:10px;align-items:center}table.admin{width:100%;border-collapse:collapse;font-size:14px}table.admin th{text-align:left;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--rule)}table.admin td{padding:9px 10px;border-bottom:1px solid var(--rule-soft)}.pill{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px}.pill.on{background:var(--green-soft);color:var(--green)}.pill.off{background:var(--red-soft);color:var(--red)}.pill.provider{background:var(--accent-soft);color:var(--accent)}.fn-row{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule-soft)}.fn-row:last-child{border-bottom:0}@media (max-width: 600px){.fn-row{grid-template-columns:1fr}}.editor-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(340px,2fr);gap:20px}@media (max-width: 900px){.editor-grid{grid-template-columns:1fr}}.det-table input{padding:4px 7px;font-size:13px;border-radius:5px;width:100%}.det-table td{padding:6px}tr.sel-row td{background:var(--accent-soft)}.photo-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pin.sel{z-index:5}.pin.sel .dot{border-color:#ffb020;box-shadow:0 0 0 3px #ffb02080}.tagcard.sel{outline:2px solid #ffb020;z-index:6}.album-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.album-card{display:block;background:var(--surface);border:1px solid var(--rule-soft);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);color:var(--ink);text-decoration:none}.album-cover{position:relative;aspect-ratio:4/3;background:var(--surface-2)}.album-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-empty{display:grid;place-items:center;height:100%;font-size:36px;opacity:.5}.album-badge{position:absolute;top:8px;left:8px;background:#141a20bf;color:#fff;font-size:11px;padding:3px 8px;border-radius:5px}.album-info{padding:10px 13px 12px;display:flex;flex-direction:column;gap:3px}.stack-form{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-width:420px}.album-card{cursor:pointer}.album-card.dragover{outline:3px dashed var(--accent);outline-offset:2px;transform:scale(1.02)}.thumb.selected{outline:3px solid var(--accent);outline-offset:-1px}.thumb .check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--accent);color:var(--accent);font-weight:700;font-size:14px}.thumb.selected .check{background:var(--accent);color:#fff}.mcbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;width:min(560px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:10px 14px;box-shadow:0 6px 28px -8px #00000073}@media (max-width: 640px){.mcbar{flex-wrap:wrap}.mcbar select{flex-basis:100%}}.comment{background:var(--surface);border:1px solid var(--rule-soft);border-radius:8px;padding:10px 14px}.comment-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.comment p{font-size:14.5px;color:var(--ink-2)}@media (max-width: 640px){.topbar{padding:10px 12px;gap:10px;flex-wrap:wrap}.topbar .brand{font-size:15px}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;gap:2px}.topbar nav a{padding:7px 10px;font-size:14px;white-space:nowrap}.topbar .who{margin-left:auto}.topbar .who-name{display:none}.page{padding:18px 12px 64px}.page-head h1{font-size:22px}.grid,.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tagcard{min-width:60px;padding:4px 8px}.tagcard .w{font-size:12px}.tagcard .p{font-size:9px}.tagcard .v{font-size:10px}.drop{padding:36px 14px}}@media (pointer: coarse){.btn.small{padding:8px 14px}.pin .dot{width:12px;height:12px}}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.album-form{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--rule-soft);border-radius:16px;padding:24px 26px 22px;margin-bottom:20px;box-shadow:var(--shadow);animation:form-in .28s cubic-bezier(.2,.8,.3,1) both}.album-form:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-soft),var(--accent));background-size:200% 100%;animation:shimmer 4s linear infinite}@keyframes form-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}.album-form-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.album-form-icon{width:46px;height:46px;border-radius:12px;flex:none;display:grid;place-items:center;font-size:24px;background:var(--accent-soft)}.album-form-title{font-size:17px!important;font-weight:600;padding:12px 14px!important;border-radius:10px!important}.cat-chips{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{border:1.5px solid var(--rule);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:14px;font-family:inherit;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.cat-chip:hover{transform:translateY(-1px);border-color:var(--accent)}.cat-chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}:root{--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--glow: rgba(29, 90, 138, .22);--grad-primary: linear-gradient(135deg, var(--accent), var(--accent));--focus-ring: rgba(29, 90, 138, .25);--btn-text: #fff;--lift: -1px;--h-track: -.02em;--h-weight: 700}body:before{content:"";position:fixed;top:-5%;right:-5%;bottom:-5%;left:-5%;z-index:-1;pointer-events:none}@keyframes ambient-breathe{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes ambient-drift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}body,.topbar,.card,.album-card,.album-form,.comment,.mcbar,input[type=text],input[type=email],input[type=password],select,.cat-chip{transition:background-color .35s ease,color .35s ease,border-color .35s ease}.btn{background:var(--grad-primary);color:var(--btn-text);border-radius:var(--radius-md);letter-spacing:.01em;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background-color .35s,color .35s,border-color .35s}.btn:hover:not(:disabled){transform:translateY(var(--lift));box-shadow:0 8px 22px -8px var(--glow);filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn.ghost,.btn.danger{background:transparent}.btn.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);filter:none}.card,.album-form{border-radius:var(--radius-lg)}.album-card{border-radius:var(--radius-lg);transition:transform .18s ease,box-shadow .25s ease,border-color .2s ease,background-color .35s,outline-color .2s}.album-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px var(--glow);border-color:var(--accent)}.thumb{transition:transform .15s ease,box-shadow .2s ease}.thumb:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px var(--glow)}input[type=text],input[type=email],input[type=password],select{border-radius:var(--radius-md)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.topbar nav a{border-radius:var(--radius-md);transition:background .15s,color .15s}.page{max-width:1760px;padding:28px clamp(20px,3.5vw,64px) 80px}.topbar{padding:12px clamp(16px,2.5vw,44px)}.photo-stage,.scene-line,.wordlist{max-width:1040px;margin-left:auto;margin-right:auto}.page-head h1{font-size:30px;font-weight:var(--h-weight);letter-spacing:var(--h-track)}h1,h2,h3{letter-spacing:var(--h-track)}.album-form{max-width:780px}.cat-chip{border-radius:999px}.cat-chip.on{background:var(--grad-primary);border-color:transparent;color:var(--btn-text)}.tsw{position:relative}.tsw-btn{display:flex;align-items:center;gap:8px;padding:6px 11px;font-size:13px;font-weight:600;font-family:inherit;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .35s,color .35s}.tsw-btn:hover{border-color:var(--accent)}.tsw-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 6px 1px color-mix(in srgb,currentColor 60%,transparent)}.tsw-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;min-width:172px;padding:6px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:0 14px 40px -12px #0006;display:flex;flex-direction:column;gap:2px;animation:tsw-in .16s ease both}@keyframes tsw-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tsw-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:inherit;font-size:13.5px;cursor:pointer;text-align:left;transition:background .12s}.tsw-item:hover{background:var(--surface-2)}.tsw-item.on{background:var(--accent-soft);color:var(--accent);font-weight:700}@media (prefers-reduced-motion: reduce){body:before,.album-form:before{animation:none!important}.btn,.album-card,.thumb{transition-duration:.01s}.btn:hover:not(:disabled),.album-card:hover,.thumb:hover{transform:none}}html[data-app-theme=blossom]{--paper: #f6efe9;--surface: #fffdfb;--surface-2: #f4e7e7;--ink: #3a2733;--ink-2: #6e5364;--muted: #a08596;--rule: #e2ccd3;--rule-soft: #eedee2;--accent: #b25a76;--accent-soft: #f7e5ea;--amber: #a97a2f;--amber-soft: #f4e8d2;--green: #4c7a68;--green-soft: #e2eee9;--red: #a84556;--red-soft: #f6dee1;--shadow: 0 2px 6px rgba(120, 60, 90, .05), 0 16px 38px -24px rgba(150, 80, 120, .4);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--glow: rgba(190, 110, 145, .32);--focus-ring: rgba(190, 110, 145, .22);--grad-primary: linear-gradient(135deg, #c76e8a, #9d6fb8);--h-track: -.01em;--h-weight: 650;--lift: -1px}html[data-app-theme=blossom] body:before{background:radial-gradient(42% 36% at 16% 10%,rgba(214,140,168,.34),transparent 70%),radial-gradient(38% 34% at 86% 80%,rgba(168,138,220,.26),transparent 70%),radial-gradient(30% 26% at 72% 16%,rgba(240,194,152,.2),transparent 70%);filter:blur(42px);animation:ambient-breathe 14s ease-in-out infinite alternate}html[data-app-theme=blossom] .topbar{background:#fffbf8c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-app-theme=blossom] .card,html[data-app-theme=blossom] .album-card,html[data-app-theme=blossom] .album-form,html[data-app-theme=blossom] .mcbar{background:#fffcfad1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html[data-app-theme=blossom] .btn{border-radius:999px;padding-inline:20px}html[data-app-theme=blossom] .brand{font-weight:650}html[data-app-theme=bold]{--paper: #0b0d10;--surface: #14171d;--surface-2: #1d222b;--ink: #eef0f3;--ink-2: #b6bcc7;--muted: #7d8593;--rule: #2e3542;--rule-soft: #20252f;--accent: #ff4d2e;--accent-soft: #33130c;--amber: #ffb84d;--amber-soft: #33250c;--green: #4fc98a;--green-soft: #10291c;--red: #ff7a6a;--red-soft: #3a1613;--shadow: 0 1px 2px rgba(0, 0, 0, .55), 0 14px 36px -18px rgba(0, 0, 0, .95);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--glow: rgba(255, 77, 46, .38);--focus-ring: rgba(255, 77, 46, .28);--grad-primary: linear-gradient(135deg, #ff4d2e, #ff8a3d);--h-track: -.03em;--h-weight: 800;--lift: -2px}html[data-app-theme=bold] body:before{background:radial-gradient(52% 42% at 10% -5%,rgba(255,77,46,.11),transparent 65%),radial-gradient(46% 40% at 98% 105%,rgba(255,138,61,.08),transparent 65%);animation:ambient-breathe 12s ease-in-out infinite alternate}html[data-app-theme=bold] .card,html[data-app-theme=bold] .album-form,html[data-app-theme=bold] .mcbar,html[data-app-theme=bold] .album-card{background:linear-gradient(180deg,#1e222beb,#14171deb);border-color:#262c37}html[data-app-theme=bold] .album-card:hover{border-color:#ff4d2e8c}html[data-app-theme=bold] .topbar{background:#101318;border-bottom-color:#262c37}html[data-app-theme=bold] .brand{text-transform:uppercase;letter-spacing:.07em;font-size:15px}html[data-app-theme=bold] .label{letter-spacing:.16em}html[data-app-theme=bold] .btn{font-weight:700}html[data-app-theme=sport]{--paper: #0a0d0b;--surface: #131814;--surface-2: #1c241d;--ink: #f2f7ee;--ink-2: #c2cfbe;--muted: #83927f;--rule: #2c372c;--rule-soft: #202920;--accent: #c6f135;--accent-soft: #222c0d;--amber: #e3c14d;--amber-soft: #2d2810;--green: #4fd39a;--green-soft: #10291c;--red: #ef8b74;--red-soft: #34160f;--shadow: 0 1px 2px rgba(0, 0, 0, .55), 0 14px 34px -18px rgba(0, 0, 0, .9);--radius-sm: 6px;--radius-md: 9px;--radius-lg: 13px;--glow: rgba(198, 241, 53, .4);--focus-ring: rgba(198, 241, 53, .28);--grad-primary: linear-gradient(115deg, #d9ff3f, #19c37d);--btn-text: #0b1204;--h-track: -.02em;--h-weight: 800;--lift: -3px}html[data-app-theme=sport] body:before{background:linear-gradient(100deg,transparent 46%,rgba(217,255,63,.11) 50%,transparent 54%),repeating-linear-gradient(100deg,rgba(198,241,53,.055) 0 3px,transparent 3px 120px),radial-gradient(50% 42% at 6% 0%,rgba(25,195,125,.14),transparent 65%),radial-gradient(46% 40% at 96% 100%,rgba(0,194,199,.11),transparent 65%);background-size:320% 100%,100% 100%,100% 100%,100% 100%;background-repeat:no-repeat,repeat,no-repeat,no-repeat;animation:sport-beam 6.5s linear infinite}@keyframes sport-beam{0%{background-position:-160% 0,0 0,0 0,0 0}to{background-position:260% 0,0 0,0 0,0 0}}html[data-app-theme=sport] .topbar{background:#0d110e;border-bottom-color:#202920}html[data-app-theme=sport] .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#d9ff3f,#19c37d,#00c2c7,#d9ff3f);background-size:220% 100%;animation:sport-finish 4s linear infinite;pointer-events:none}@keyframes sport-finish{to{background-position:-220% 0}}html[data-app-theme=sport] .page-head h1{font-style:italic}html[data-app-theme=sport] .brand{font-style:italic;font-weight:800}html[data-app-theme=sport] .btn{font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.05em;font-size:13.5px}html[data-app-theme=sport] .btn.small{font-size:12px}html[data-app-theme=sport] .album-card:hover{border-color:#d9ff3f99}html[data-app-theme=sport] .pill.provider{background:#0c2c31;color:#4fd6da}html[data-app-theme=sport] .label{letter-spacing:.16em}@media (max-width: 640px){.tsw-label{display:none}.tsw-btn{padding:8px}}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23848b93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .35s,color .35s}select:hover{border-color:var(--accent)}select option{background:var(--surface);color:var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.drop{border-radius:var(--radius-lg)}.drop:hover,.drop.over{box-shadow:0 0 0 4px var(--focus-ring)}.thumb{border-radius:var(--radius-lg)}.auth-tabs button{border-radius:var(--radius-md);transition:background .15s,color .15s,border-color .15s}.comment{border-radius:var(--radius-md)}.wordchip{border-radius:var(--radius-sm)}.error-box,.ok-box{border-radius:var(--radius-md)}.mcbar{border-radius:var(--radius-lg)}.scene-line{border-radius:0 var(--radius-md) var(--radius-md) 0}*{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--rule);border-radius:8px;border:2px solid var(--paper)}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}.today-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);gap:20px;align-items:start}@media (max-width: 900px){.today-grid{grid-template-columns:1fr}}.today-main,.today-side{display:flex;flex-direction:column;gap:14px}.toolbar-row{display:flex;align-items:center;gap:12px;padding:14px 16px}.toolbar-ico{font-size:20px;flex:none}.toolbar-row select{flex:1}.drop-hero{padding:64px 24px}.drop-ico{font-size:52px;line-height:1;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.drop-hero:hover .drop-ico,.drop-hero.over .drop-ico{transform:translateY(-6px) scale(1.12)}.drop-title{font-size:18px;font-weight:700;margin-top:12px!important;color:var(--ink)!important}.stat-row{display:flex;padding:16px 8px}.stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px}.stat+.stat{border-left:1px solid var(--rule-soft)}.stat b{font-size:27px;font-weight:800;letter-spacing:-.02em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.stat span{font-size:12px;color:var(--muted)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-thumb{aspect-ratio:1/1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--rule-soft);display:block;transition:transform .15s,box-shadow .2s}.mini-thumb:hover{transform:scale(1.06);box-shadow:0 6px 16px -6px var(--glow);z-index:2;position:relative}.mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tip-card{border-left:3px solid var(--accent)}.page{animation:page-in .32s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.btn{background-size:180% 180%;background-position:0% 0%;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background-position .45s ease,background-color .35s,color .35s,border-color .35s}.btn:hover:not(:disabled){background-position:90% 30%}.album-card{position:relative}.album-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.1) 50%,transparent 58%);transform:translate(-130%)}html[data-app-theme=blossom] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle 5px at 12% 78%,rgba(216,146,172,.45) 0 100%,transparent),radial-gradient(circle 3px at 28% 32%,rgba(190,150,220,.4) 0 100%,transparent),radial-gradient(circle 6px at 66% 62%,rgba(230,170,150,.35) 0 100%,transparent),radial-gradient(circle 4px at 84% 24%,rgba(216,146,172,.4) 0 100%,transparent),radial-gradient(circle 3px at 48% 88%,rgba(190,150,220,.35) 0 100%,transparent),radial-gradient(circle 5px at 92% 70%,rgba(230,170,150,.3) 0 100%,transparent);animation:bokeh-float 12s ease-in-out infinite alternate;filter:blur(1px)}@keyframes bokeh-float{0%{transform:translateY(12px);opacity:.7}to{transform:translateY(-14px);opacity:1}}html[data-app-theme=bold] .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#ff4d2e 40%,#ff8a3d 60%,transparent);background-size:45% 100%;background-repeat:no-repeat;animation:scanline 4.5s linear infinite;pointer-events:none}@keyframes scanline{0%{background-position:-50% 0}to{background-position:155% 0}}html[data-app-theme=sport] .album-card:after{transition:transform .55s ease}html[data-app-theme=sport] .album-card:hover:after{transform:translate(130%)}html[data-app-theme=bold] .album-card:after{transition:transform .45s ease}html[data-app-theme=bold] .album-card:hover:after{transform:translate(130%)}@media (prefers-reduced-motion: reduce){body:after,.topbar:after{animation:none!important}.page{animation:none}.album-card:after{display:none}}html[data-app-theme=aurora]{--paper: #0b1020;--surface: #131a2e;--surface-2: #1b2440;--ink: #e8ecfa;--ink-2: #b8c2e0;--muted: #7d89ad;--rule: #2c3a5e;--rule-soft: #20294a;--accent: #8b5cf6;--accent-soft: #241b47;--amber: #e8c268;--amber-soft: #2c2513;--green: #4ade9d;--green-soft: #0f2c20;--red: #f286a0;--red-soft: #34131f;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 16px 40px -20px rgba(10, 5, 40, .95);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--glow: rgba(139, 92, 246, .45);--focus-ring: rgba(139, 92, 246, .3);--grad-primary: linear-gradient(120deg, #8b5cf6, #22d3ee);--h-track: -.02em;--h-weight: 750;--lift: -2px}html[data-app-theme=aurora] body:before{background:linear-gradient(100deg,#8b5cf638,#22d3ee21,#ec489926,#8b5cf638);background-size:300% 300%;filter:blur(55px);animation:ambient-drift 17s ease-in-out infinite}html[data-app-theme=aurora] .topbar{background:#0d1121d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-app-theme=aurora] .album-card:hover{border-color:#8b5cf699}html[data-app-theme=aurora] .album-card:after{transition:transform .5s ease}html[data-app-theme=aurora] .album-card:hover:after{transform:translate(130%)}html[data-app-theme=aurora] .brand{background:linear-gradient(120deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html[data-app-theme=sunset]{--paper: #fdf1e7;--surface: #fffaf5;--surface-2: #f9e6d6;--ink: #3d2a20;--ink-2: #6f5140;--muted: #a3826c;--rule: #e9cfba;--rule-soft: #f2e0d0;--accent: #ec6a45;--accent-soft: #fde5da;--amber: #b07b12;--amber-soft: #f7ead0;--green: #4c7a55;--green-soft: #e2eede;--red: #b13d33;--red-soft: #f8ddd8;--shadow: 0 2px 6px rgba(150, 90, 50, .06), 0 16px 36px -22px rgba(200, 110, 60, .45);--radius-sm: 9px;--radius-md: 12px;--radius-lg: 18px;--glow: rgba(238, 120, 70, .35);--focus-ring: rgba(238, 120, 70, .25);--grad-primary: linear-gradient(120deg, #ef6a3f, #f5a623);--h-track: -.015em;--h-weight: 700;--lift: -2px}html[data-app-theme=sunset] body:before{background:radial-gradient(62% 52% at 50% 110%,rgba(245,166,35,.36),rgba(238,100,60,.16) 45%,transparent 72%),radial-gradient(40% 30% at 12% 6%,rgba(250,200,150,.28),transparent 70%);animation:ambient-breathe 13s ease-in-out infinite alternate}html[data-app-theme=sunset] .btn{border-radius:999px}html[data-app-theme=sunset] .topbar{background:#fff9f3cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html{scroll-behavior:smooth}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease-in-out}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.grid>*,.album-grid>*,.today-side>*,.today-main>*,.admin-grid>*{animation:card-in .4s cubic-bezier(.2,.8,.3,1) both}.grid>*:nth-child(1),.album-grid>*:nth-child(1),.today-side>*:nth-child(1),.today-main>*:nth-child(1),.admin-grid>*:nth-child(1){animation-delay:.03s}.grid>*:nth-child(2),.album-grid>*:nth-child(2),.today-side>*:nth-child(2),.today-main>*:nth-child(2),.admin-grid>*:nth-child(2){animation-delay:.08s}.grid>*:nth-child(3),.album-grid>*:nth-child(3),.today-side>*:nth-child(3),.admin-grid>*:nth-child(3){animation-delay:.13s}.grid>*:nth-child(4),.album-grid>*:nth-child(4){animation-delay:.18s}.grid>*:nth-child(5),.album-grid>*:nth-child(5){animation-delay:.22s}.grid>*:nth-child(6),.album-grid>*:nth-child(6){animation-delay:.26s}.grid>*:nth-child(7),.album-grid>*:nth-child(7){animation-delay:.29s}.grid>*:nth-child(8),.album-grid>*:nth-child(8){animation-delay:.32s}@keyframes photo-in{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}.photo-stage{animation:photo-in .45s cubic-bezier(.2,.8,.3,1) both}@keyframes pin-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{transform:translate(-50%,-50%) scale(1.35)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tag-fade{0%{opacity:0}to{opacity:1}}.photo-stage>span .pin{animation:pin-pop .4s cubic-bezier(.34,1.56,.64,1) both}.photo-stage>span .tagcard{animation:tag-fade .3s ease both}.photo-stage>span:nth-child(2) .pin{animation-delay:.15s}.photo-stage>span:nth-child(3) .pin{animation-delay:.25s}.photo-stage>span:nth-child(4) .pin{animation-delay:.35s}.photo-stage>span:nth-child(5) .pin{animation-delay:.45s}.photo-stage>span:nth-child(6) .pin{animation-delay:.55s}.photo-stage>span:nth-child(7) .pin{animation-delay:.65s}.photo-stage>span:nth-child(8) .pin{animation-delay:.75s}.photo-stage>span:nth-child(9) .pin{animation-delay:.85s}.photo-stage>span:nth-child(2) .tagcard{animation-delay:.3s}.photo-stage>span:nth-child(3) .tagcard{animation-delay:.4s}.photo-stage>span:nth-child(4) .tagcard{animation-delay:.5s}.photo-stage>span:nth-child(5) .tagcard{animation-delay:.6s}.photo-stage>span:nth-child(6) .tagcard{animation-delay:.7s}.photo-stage>span:nth-child(7) .tagcard{animation-delay:.8s}.photo-stage>span:nth-child(8) .tagcard{animation-delay:.9s}.photo-stage>span:nth-child(9) .tagcard{animation-delay:1s}.wordlist .wordchip{animation:card-in .3s ease both}.wordlist .wordchip:nth-child(1){animation-delay:.35s}.wordlist .wordchip:nth-child(2){animation-delay:.42s}.wordlist .wordchip:nth-child(3){animation-delay:.49s}.wordlist .wordchip:nth-child(4){animation-delay:.56s}.wordlist .wordchip:nth-child(5){animation-delay:.63s}.wordlist .wordchip:nth-child(6){animation-delay:.7s}.wordlist .wordchip:nth-child(7){animation-delay:.77s}.wordlist .wordchip:nth-child(8){animation-delay:.84s}.drop-hero.busy{border-color:var(--accent);border-style:solid;animation:drop-pulse 1.3s ease-in-out infinite}@keyframes drop-pulse{0%,to{box-shadow:0 0 0 0 var(--focus-ring)}50%{box-shadow:0 0 0 14px transparent}}.mcbar{animation:mcbar-in .32s cubic-bezier(.2,.9,.3,1.15) both}@keyframes mcbar-in{0%{opacity:0;transform:translate(-50%) translateY(24px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scene-line{animation:card-in .35s ease .5s both}.topbar nav a:hover{background:var(--surface-2)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.grid>*,.album-grid>*,.today-side>*,.today-main>*,.admin-grid>*,.photo-stage,.photo-stage>span .pin,.photo-stage>span .tagcard,.wordlist .wordchip,.mcbar,.scene-line{animation:none!important}.drop-hero.busy{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}:root{--spot: rgba(120, 160, 210, .14)}html[data-app-theme=blossom]{--spot: rgba(255, 235, 245, .5)}html[data-app-theme=bold]{--spot: rgba(255, 120, 80, .15)}html[data-app-theme=sport]{--spot: rgba(70, 230, 160, .13)}html[data-app-theme=aurora]{--spot: rgba(160, 130, 255, .18)}html[data-app-theme=sunset]{--spot: rgba(255, 200, 140, .35)}@media (hover: hover) and (pointer: fine){.album-card:before,.thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),var(--spot),transparent 65%);opacity:0;transition:opacity .25s ease}.album-card:hover:before,.thumb:hover:before{opacity:1}html[data-app-theme=bold] .album-card:hover,html[data-app-theme=sport] .album-card:hover,html[data-app-theme=aurora] .album-card:hover{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-3px) scale(1.01)}.thumb img,.album-cover img,.mini-thumb img{transition:transform .45s cubic-bezier(.2,.8,.3,1)}.thumb:hover img,.album-card:hover .album-cover img,.mini-thumb:hover img{transform:scale(1.07)}}.thumb{position:relative}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-75%;width:55%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:left .55s ease;pointer-events:none}.btn:hover:not(:disabled):after{left:125%}.btn.ghost:after,.btn.danger:after{display:none}html[data-app-theme=aurora] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle 1.6px at 11% 22%,rgba(255,255,255,.9) 0 100%,transparent),radial-gradient(circle 1.1px at 28% 64%,rgba(200,210,255,.8) 0 100%,transparent),radial-gradient(circle 1.8px at 43% 12%,rgba(255,255,255,.75) 0 100%,transparent),radial-gradient(circle 1.2px at 58% 45%,rgba(190,220,255,.85) 0 100%,transparent),radial-gradient(circle 1.5px at 71% 78%,rgba(255,255,255,.7) 0 100%,transparent),radial-gradient(circle 1px at 83% 30%,rgba(220,200,255,.85) 0 100%,transparent),radial-gradient(circle 1.7px at 93% 58%,rgba(255,255,255,.8) 0 100%,transparent),radial-gradient(circle 1.1px at 18% 90%,rgba(200,230,255,.7) 0 100%,transparent),radial-gradient(circle 1.4px at 64% 92%,rgba(255,255,255,.65) 0 100%,transparent);animation:twinkle 4.5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.95}}.drop-ico{animation:floaty 3.6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.drop-hero:hover .drop-ico{animation-duration:1.6s}@media (prefers-reduced-motion: reduce){.album-card:before,.thumb:before{display:none}.btn:after{display:none}html[data-app-theme=aurora] body:after{animation:none;opacity:.5}.drop-ico{animation:none}.thumb img,.album-cover img,.mini-thumb img{transition:none}}.quiz-wrap{max-width:680px;margin:0 auto}.qz-top{display:flex;justify-content:space-between;margin-bottom:8px}.qz-progress{height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden;margin-bottom:18px}.qz-progress>div{height:100%;border-radius:4px;background:var(--grad-primary);transition:width .4s cubic-bezier(.2,.8,.3,1)}.qz-card{animation:card-in .3s ease both}.qz-ask{font-size:17px;margin:0 0 16px}.qz-word{font-size:22px;color:var(--accent)}.qz-hint{color:var(--muted);font-size:14px}.qz-opts{display:grid;gap:10px}.qz-opt{text-align:left;padding:13px 16px;font-size:15.5px;font-family:inherit;background:var(--surface-2);color:var(--ink);border:1.5px solid var(--rule-soft);border-radius:var(--radius-md);cursor:pointer;transition:transform .12s,border-color .15s,background .2s}.qz-opt:hover:not(:disabled){border-color:var(--accent);transform:translate(3px)}.qz-opt:disabled{cursor:default;opacity:.75}.qz-opt.correct{background:var(--green-soft);border-color:var(--green);color:var(--green);font-weight:700;opacity:1;animation:opt-pop .3s cubic-bezier(.34,1.56,.64,1)}.qz-opt.wrong{background:var(--red-soft);border-color:var(--red);color:var(--red);opacity:1;animation:opt-shake .35s ease}@keyframes opt-pop{50%{transform:scale(1.03)}}@keyframes opt-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.qz-masked{font-family:IBM Plex Mono,monospace;font-size:30px;font-weight:600;letter-spacing:.3em;text-align:center;margin:6px 0 18px;color:var(--accent)}.qz-tap{max-width:100%}.qz-mark{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;border:3px solid #fff;box-shadow:0 0 0 2px #0006;animation:opt-pop .3s cubic-bezier(.34,1.56,.64,1)}.qz-mark.ok{background:#3cc878d9}.qz-mark.no{background:#e65046d9}.qz-feedback{margin-top:16px;padding:13px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:14px;flex-wrap:wrap;animation:card-in .25s ease both}.qz-feedback p{margin:0;flex:1;min-width:200px;font-size:15px}.qz-feedback.right{background:var(--green-soft);color:var(--green)}.qz-feedback.wrong{background:var(--red-soft);color:var(--red)}.qz-result{text-align:center;padding:40px 24px}.qz-result-emoji{font-size:64px;animation:opt-pop .5s cubic-bezier(.34,1.56,.64,1)}.qz-score{font-size:18px;margin-top:8px}.qz-score b{font-size:42px;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.qz-cta{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;border-left:3px solid var(--accent);transition:transform .15s,box-shadow .2s}.qz-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--glow)}@media (prefers-reduced-motion: reduce){.qz-card,.qz-feedback,.qz-opt.correct,.qz-opt.wrong,.qz-mark,.qz-result-emoji{animation:none}}.streak-card{border-left:3px solid var(--muted)}.streak-card.done{border-left-color:var(--green)}.streak-card.risk{border-left-color:var(--amber)}.streak-top{display:flex;align-items:center;gap:14px}.streak-flame{font-size:34px;line-height:1;filter:grayscale(1);opacity:.45;flex:none}.streak-flame.lit{filter:none;opacity:1;animation:flame-flicker 2.4s ease-in-out infinite}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.09) rotate(2deg)}}.streak-num{display:flex;align-items:baseline;gap:6px}.streak-num b{font-size:30px;font-weight:800;letter-spacing:-.02em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.streak-num span{font-size:13px;color:var(--ink-2)}.streak-tasks{display:flex;gap:10px;margin-top:14px}.streak-task{flex:1;display:flex;align-items:center;gap:8px;padding:9px 11px;font-size:13px;background:var(--surface-2);color:var(--muted);border:1px solid var(--rule-soft);border-radius:var(--radius-md);transition:background .25s,color .25s,border-color .25s}.streak-task.ok{background:var(--green-soft);color:var(--green);border-color:var(--green);font-weight:600}.streak-check{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--rule-soft);color:var(--muted)}.streak-task.ok .streak-check{background:var(--green);color:var(--surface);animation:opt-pop .35s cubic-bezier(.34,1.56,.64,1)}.streak-hint{margin:12px 0 0;font-size:13px;color:var(--ink-2)}.qz-streak{display:flex;align-items:center;gap:14px;text-align:left;margin-top:18px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--rule-soft);animation:card-in .35s ease .25s both}.qz-streak.done{background:var(--green-soft);border-color:var(--green)}.qz-streak b{font-size:16px}.qz-streak p{margin:2px 0 0;font-size:13px;color:var(--ink-2)}@media (prefers-reduced-motion: reduce){.streak-flame.lit,.streak-task.ok .streak-check,.qz-streak{animation:none}}.tagcard .w,.tagcard .p,.tagcard .v{display:block}.photo-stage .tagcard:after{display:none}.tagcard{transition:visibility 0s,box-shadow .2s;max-width:46%;word-break:break-word}.lbl-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.lbl-line{stroke:#ffffffd9;stroke-width:1.6;stroke-dasharray:3 3;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.6))}.tagcard.clickable{pointer-events:auto;cursor:pointer;transition:left .32s cubic-bezier(.2,.8,.3,1),top .32s cubic-bezier(.2,.8,.3,1),box-shadow .18s,transform .15s}.tagcard.clickable:hover{box-shadow:0 4px 16px #00000073;z-index:6}.pin.clickable{cursor:pointer;padding:10px;margin:-10px;z-index:4}.pin.muted .dot{background:transparent;border-style:dashed;opacity:.75}.pin.clickable:hover .dot{transform:scale(1.25)}.pin .dot{transition:transform .15s}.lbl-restore{position:absolute;right:10px;top:10px;z-index:7;background:#141a20c7;color:#fff;border:0;border-radius:999px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s}.lbl-restore:hover{background:#141a20eb}.photo-stage.compact .tagcard{padding:5px 9px;min-width:56px;max-width:42%}.photo-stage.compact .tagcard .w{font-size:12.5px}.photo-stage.compact .tagcard .v{font-size:10.5px}.photo-stage.compact .pin .dot{width:11px;height:11px}@media (prefers-reduced-motion: reduce){.tagcard.clickable{transition:none}}.quiz-page{max-width:1180px}.qz-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:22px;align-items:start;animation:card-in .3s ease both}@media (max-width: 860px){.qz-grid{grid-template-columns:1fr;gap:14px}}.qz-photo .photo-stage{box-shadow:var(--shadow)}.qz-photo-cap{margin:10px 0 0;font-size:13px;color:var(--muted);text-align:center;animation:card-in .3s ease both}.qz-photo-none{display:grid;place-items:center;font-size:46px;opacity:.25;min-height:220px;border:2px dashed var(--rule-soft);border-radius:var(--radius-lg)}.tagcard.qz-reveal{animation:reveal-pop .45s cubic-bezier(.34,1.56,.64,1) both;z-index:6}@keyframes reveal-pop{0%{opacity:0;transform:translate(-50%,-100%) scale(.6)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.qz-slots{display:flex;flex-wrap:wrap;align-items:center;gap:7px;justify-content:center;margin:8px 0 4px}.qz-fixed{font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:600;color:var(--ink-2);min-width:20px;text-align:center}.qz-slot{width:40px!important;height:48px;padding:0!important;text-align:center;font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:700;color:var(--accent);text-transform:lowercase;border:2px solid var(--rule)!important;border-radius:var(--radius-sm)!important;background:var(--surface-2);transition:border-color .15s,box-shadow .15s,background .2s}.qz-slot:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--focus-ring);background:var(--surface)}.qz-slot.right{border-color:var(--green)!important;color:var(--green);background:var(--green-soft)}.qz-slot.wrong{border-color:var(--red)!important;color:var(--red);background:var(--red-soft)}.qz-word-slots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:10px 0 18px}.qz-wslot{width:40px;height:48px;padding:0;font-family:IBM Plex Mono,monospace;font-size:23px;font-weight:700;color:var(--accent);background:var(--surface-2);border:2px dashed var(--rule);border-radius:var(--radius-sm);cursor:default;transition:all .15s}.qz-wslot.filled{border-style:solid;border-color:var(--accent);background:var(--surface);cursor:pointer;animation:opt-pop .22s cubic-bezier(.34,1.56,.64,1)}.qz-wslot.filled:hover:not(:disabled){border-color:var(--red);color:var(--red)}.qz-wslot.right{border-color:var(--green);color:var(--green);background:var(--green-soft)}.qz-wslot.wrong{border-color:var(--red);color:var(--red);background:var(--red-soft)}.qz-tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qz-tile{min-width:44px;height:48px;padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:700;color:var(--ink);background:var(--surface-2);border:1.5px solid var(--rule);border-radius:var(--radius-md);cursor:pointer;transition:transform .12s,border-color .15s,opacity .2s,box-shadow .2s}.qz-tile:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent);box-shadow:0 6px 16px -8px var(--glow)}.qz-tile:active:not(:disabled){transform:translateY(0) scale(.94)}.qz-tile.used{opacity:.25;pointer-events:none}@media (prefers-reduced-motion: reduce){.qz-grid,.tagcard.qz-reveal,.qz-wslot.filled,.qz-photo-cap{animation:none}.qz-tile:hover:not(:disabled){transform:none}}.qz-setup{max-width:660px;margin:0 auto}.qz-mix{display:flex;flex-direction:column;gap:10px}.qz-mix-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;background:var(--surface-2);border:1px solid var(--rule-soft);border-radius:var(--radius-md);transition:opacity .2s,border-color .2s}.qz-mix-row.off{opacity:.5}.qz-mix-row b{font-size:15px}.qz-mix-row p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.qz-mix-ico{font-size:22px;flex:none}.qz-stepper{display:flex;align-items:center;gap:4px}.qz-stepper button{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--surface);color:var(--ink);font-size:18px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.qz-stepper button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.qz-stepper button:disabled{opacity:.4;cursor:default}.qz-stepper span{min-width:30px;text-align:center;font-size:16px;font-weight:700}.qz-marker{position:absolute;transform:translate(-50%,-50%);z-index:5;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700;background:#fffffff0;color:#141a20;border:2.5px solid var(--accent);cursor:pointer;box-shadow:0 2px 10px #0006;transition:transform .15s,background .2s,border-color .2s}.qz-marker:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.18)}.qz-marker:disabled{cursor:default}.qz-marker.correct{background:#2fa06a;border-color:#fff;color:#fff;animation:opt-pop .35s cubic-bezier(.34,1.56,.64,1)}.qz-marker.wrong{background:#d1483c;border-color:#fff;color:#fff}.hist-list{display:flex;flex-direction:column;gap:10px}.hist-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px}.hist-score{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:none}.hist-score span{font-size:15px;font-weight:600;color:var(--muted)}.hist-score.good{color:var(--green)}.hist-score.mid{color:var(--amber)}.hist-score.low{color:var(--red)}.hist-bar{flex-basis:120px;height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden}.hist-bar>div{height:100%;background:var(--grad-primary);border-radius:4px}@media (prefers-reduced-motion: reduce){.qz-marker.correct{animation:none}}.prof-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.fld{display:flex;flex-direction:column;gap:5px}.fld>span{font-size:13px;font-weight:600;color:var(--ink-2)}.onb-card{width:100%;max-width:520px;text-align:left}.onb-head{text-align:center;margin-bottom:18px}.onb-head h1{font-size:24px}.onb-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.onb-steps{display:flex;gap:8px;margin-bottom:18px}.onb-step{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 6px;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--rule-soft);border-radius:var(--radius-md);transition:all .2s}.onb-step span{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;background:var(--rule-soft);color:var(--muted)}.onb-step.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.onb-step.on span{background:var(--accent);color:#fff}.onb-step.done{color:var(--green)}.onb-step.done span{background:var(--green);color:#fff}.topbar .who-name{color:var(--muted);text-decoration:none}.topbar .who-name:hover{color:var(--accent)}.tok-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--rule-soft);color:var(--ink);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none;transition:border-color .15s,transform .15s}.tok-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.wallet-balance{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.wallet-num{display:flex;align-items:baseline;gap:6px;margin-top:4px}.wallet-num b{font-size:40px;font-weight:800;letter-spacing:-.03em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.wallet-num span{font-size:15px;color:var(--muted)}.wallet-costs{margin-left:auto;display:flex;flex-direction:column;gap:5px;min-width:210px}.wallet-costs>div{display:flex;justify-content:space-between;gap:14px;font-size:13.5px}.wallet-costs span{color:var(--muted)}.pkg-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.pkg{position:relative;text-align:center;display:flex;flex-direction:column;gap:6px}.pkg.featured{border-color:var(--accent);box-shadow:0 10px 30px -14px var(--glow)}.pkg-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--grad-primary);color:var(--btn-text, #fff);font-size:11px;font-weight:700;padding:3px 12px;border-radius:999px;white-space:nowrap}.pkg-name{font-size:15px;margin-top:4px}.pkg-tokens{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--accent)}.pkg-tokens span{font-size:13px;font-weight:600;color:var(--muted)}.pkg-price{font-size:20px;font-weight:700}.pkg-sub{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.pkg .btn{justify-content:center}.topup-box{border-left:3px solid var(--amber);margin-top:16px}.pay-info{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pay-info>div{background:var(--surface-2);border-radius:var(--radius-sm);padding:9px 12px;display:flex;flex-direction:column;gap:2px}.pay-info span{font-size:11.5px;color:var(--muted)}.pay-info b{font-size:14.5px}@media (max-width: 640px){.tok-chip{padding:5px 8px}}.hook-box{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--rule-soft);border-radius:var(--radius-md)}.hook-box>div:not(.row){display:flex;flex-direction:column;gap:3px}.hook-box span{font-size:12px;color:var(--muted)}.hook-box b{font-size:13px;word-break:break-all}.hook-box code{background:var(--surface);padding:1px 5px;border-radius:4px;font-size:11.5px}.sub-card{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-left:3px solid var(--green);margin-bottom:16px}.sub-bar{flex-basis:160px;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.sub-bar>div{height:100%;background:var(--grad-primary);border-radius:4px;transition:width .4s}.pkg.monthly{border-top:3px solid var(--green)}.pkg.monthly .pkg-tokens{color:var(--green)}.pay-methods{display:grid;gap:10px;margin-top:8px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pay-method{text-align:left;padding:14px 15px;cursor:pointer;background:var(--surface-2);color:var(--ink);border:1.5px solid var(--rule-soft);border-radius:var(--radius-md);font-family:inherit;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s,background .2s}.pay-method:hover{border-color:var(--accent);transform:translateY(-2px)}.pay-method.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 8px 22px -12px var(--glow)}.pay-method .pm-ico{font-size:22px}.pay-method b{font-size:14.5px}.pay-method p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}.pay-method .pm-need{margin-top:4px;font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.cost-hint{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:5px 13px;border-radius:999px;background:var(--surface-2);border:1px solid var(--rule-soft);font-size:12.5px;color:var(--ink-2)}.drop.locked{cursor:default;border-style:solid;border-color:var(--amber);background:var(--amber-soft)}.drop.locked:hover{box-shadow:none}.drop.locked .drop-ico{animation:none}