@font-face{font-family:nunito;src:url(../media/Nunito_SemiBold-s.p.1traa_qdmhvac.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:nunito;src:url(../media/Nunito_Bold-s.p.2rz-qvwvwbs1p.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:nunito;src:url(../media/Nunito_ExtraBold-s.p.24amxmf3wzqmz.ttf)format("truetype");font-display:swap;font-weight:800}@font-face{font-family:nunito;src:url(../media/Nunito_Black-s.p.0yfqxjb68783z.ttf)format("truetype");font-display:swap;font-weight:900}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:97.75%;descent-override:34.13%;line-gap-override:0.0%;size-adjust:103.43%}.nunito_b7c537b9-module__5Y9keW__className{font-family:nunito,nunito Fallback}.nunito_b7c537b9-module__5Y9keW__variable{--font-nunito:"nunito", "nunito Fallback"}
:root{--bg:#f5f3ff;--ink:#241a3d;--muted:#6b6286;--line:#7c5cff2e;--glass:#ffffff9e;--glass-strong:#ffffffd9;--brand:#7c5cff;--brand-2:#ff6fb5;--brand-3:#4fa8ff;--ok:#19a974;--warn:#d98a00;--danger:#e5484d;--grad:linear-gradient(135deg, var(--brand-3), var(--brand) 50%, var(--brand-2));--radius:22px;--shadow:0 10px 40px #5c40c824;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(60vmax 60vmax at 0% 0%, #4fa8ff59, transparent 60%), radial-gradient(55vmax 55vmax at 100% 10%, #ff6fb552, transparent 60%), radial-gradient(60vmax 60vmax at 50% 100%, #7c5cff4d, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.glass{background:var(--glass);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid #ffffffb3}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.narrow{max-width:640px}.btn{font:inherit;cursor:pointer;background:var(--grad);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex;box-shadow:0 6px 18px #7c5cff59;text-decoration:none!important}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn.secondary{background:var(--glass-strong);color:var(--brand);box-shadow:none;border:1px solid var(--line)}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;padding:8px 12px}.btn.danger{color:var(--danger);box-shadow:none;background:0 0;border:1px solid #e5484d4d}.btn.small{padding:6px 12px;font-size:13px}.chip{color:var(--brand);background:#7c5cff1f;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.muted{color:var(--muted)}.gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.site-header{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.logo{color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo-badge{background:var(--grad);border-radius:12px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.hero{text-align:center;padding:48px 0 32px}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(36px,7vw,64px);line-height:1.05}.hero p{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:18px}.store-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.card{color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.card:hover{text-decoration:none;transform:translateY(-2px)}.card{transition:transform .15s}.card-img{aspect-ratio:1;background:var(--grad);place-items:center;font-size:56px;display:grid}.card-img img{object-fit:cover;width:100%;height:100%}.card-img.contain{background:#7c5cff1a}.card-img.contain img{object-fit:contain}.card-body{flex-direction:column;gap:6px;padding:14px 16px 18px;display:flex}.card-body h3{margin:0;font-size:17px}.card-body p{color:var(--muted);margin:0;font-size:14px}.share{padding:24px 0 64px}.share-hero{overflow:hidden}.share-hero .card-img{aspect-ratio:16/10}.share-gallery{gap:8px;padding:10px 16px 0;display:flex;overflow-x:auto}.share-gallery img{object-fit:cover;border-radius:14px;flex:none;width:96px;height:96px}.share-body{flex-direction:column;gap:14px;padding:22px;display:flex}.share-body h1{margin:0;font-size:28px;line-height:1.15}.prompt-box{white-space:pre-wrap;background:var(--glass-strong);border:1px solid var(--line);border-radius:16px;padding:16px;font-size:15px;line-height:1.55}.preview-box{color:var(--muted);border-left:3px solid var(--brand-2);padding-left:12px;font-style:italic}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 -4px;font-size:13px;font-weight:800}.toast{background:var(--ink);color:#fff;z-index:50;border-radius:999px;padding:10px 18px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.footer{text-align:center;color:var(--muted);padding:32px 0;font-size:13px}.admin-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{z-index:10;border-width:0 1px 0 0;border-radius:0;flex-direction:column;gap:12px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.admin-burger{font-size:18px;display:none}.admin-menu{flex-direction:column;flex:1;gap:14px;display:flex}.admin-menu-group{flex-direction:column;gap:2px;display:flex}.admin-menu-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 12px 4px;font-size:11px;font-weight:800}.admin-menu-item{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.admin-menu-item:hover{background:#7c5cff1a;text-decoration:none}.admin-menu-item.active{background:var(--grad);color:#fff;box-shadow:0 6px 18px #7c5cff4d}.admin-menu-icon{text-align:center;flex:none;width:20px}.admin-menu-label{flex:1}.admin-menu-count{color:var(--brand);background:#7c5cff1f;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.admin-menu-item.active .admin-menu-count{color:#fff;background:#ffffff40}.admin-menu-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.admin-collapsed .admin-shell{grid-template-columns:72px minmax(0,1fr)}.admin-sidebar.collapsed{padding:16px 10px}.admin-sidebar.collapsed .admin-menu-label,.admin-sidebar.collapsed .admin-menu-count,.admin-sidebar.collapsed .admin-menu-title{display:none}.admin-sidebar.collapsed .admin-brand{justify-content:center;padding:4px 0 8px}.admin-sidebar.collapsed .admin-menu-item{justify-content:center;padding:10px 0}.admin-sidebar.collapsed .admin-menu-group+.admin-menu-group{border-top:1px solid var(--line);padding-top:10px}.admin-sidebar.collapsed .admin-menu-icon{font-size:18px}.admin-main{flex-direction:column;gap:20px;min-width:0;max-width:1280px;padding:20px 24px 64px;display:flex}@media (max-width:860px){.admin-shell,.admin-collapsed .admin-shell{grid-template-columns:1fr}.admin-collapse{display:none}.admin-sidebar.collapsed .admin-menu-label,.admin-sidebar.collapsed .admin-menu-count,.admin-sidebar.collapsed .admin-menu-title{display:initial}.admin-sidebar.collapsed .admin-menu-item{justify-content:flex-start;padding:9px 12px}.admin-sidebar.collapsed .admin-brand{justify-content:space-between;padding:0}.admin-sidebar{border-width:0 0 1px;height:auto;padding:10px 12px;position:sticky}.admin-brand{padding:0}.admin-burger{display:inline-flex}.admin-sidebar .admin-menu{display:none}.admin-sidebar.open .admin-menu{display:flex}.admin-main{padding:16px 16px 48px}}.panel{padding:18px}.panel h2{margin:0 0 12px;font-size:18px}.form{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row>*{flex:180px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffffe6;border-radius:12px;width:100%;padding:10px 12px;font-weight:400}textarea{resize:vertical;min-height:90px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#0000;outline:2px solid #7c5cff73}input[type=checkbox]{width:auto}.hint{color:var(--muted);font-size:12px;font-weight:400}kbd{border:1px solid var(--line);background:#fff;border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px}.msg{border-radius:12px;padding:10px 14px;font-size:14px}.msg.ok{color:#0e7a52;background:#19a9741f}.msg.err{color:#b4232a;white-space:pre-wrap;background:#e5484d1f}table.list{border-collapse:collapse;width:100%;font-size:14px}table.list th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px;font-size:12px}table.list td{border-top:1px solid var(--line);vertical-align:middle;padding:8px}table.list .thumb{object-fit:contain;background:#7c5cff14;border-radius:10px;place-items:center;width:52px;height:52px;display:grid}table.list div.thumb{background:var(--grad)}table.list tr.row-archived td{opacity:.6}.status{cursor:pointer;border:0;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:700}.status.published{color:#0e7a52;background:#19a97426}.status.draft{color:#915c00;background:#d98a0026}.status.archived{color:#4b4463;background:#6b628626}select.status{appearance:auto;width:auto;padding:4px 10px}select.status:disabled{opacity:.6;cursor:progress}select.status-field.published{border-color:#19a97480}select.status-field.archived{border-color:#6b628680}.actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.actions form{display:inline}.tabs{gap:6px;display:flex}.tab{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--muted);background:0 0;border-radius:999px;padding:8px 16px;font-weight:700}.tab.active{background:var(--grad);color:#fff;border-color:#0000}.image-field{grid-template-columns:120px 1fr;align-items:start;gap:12px;display:grid}.thumbs textarea,.field textarea.links{min-height:0}.thumbs{flex-wrap:wrap;gap:10px;margin:6px 0 8px;display:flex}.thumb-item{background:#7c5cff1a;border-radius:16px;width:120px;height:120px;position:relative;overflow:hidden}.thumb-item img{object-fit:contain;width:100%;height:100%;display:block}.thumb-item.cover{outline:3px solid var(--brand);outline-offset:2px}.thumb-item.selected{box-shadow:0 0 0 3px #fff,0 0 0 6px #22b8cf}.thumb-undo{flex:none;align-self:center}.img-status.err{color:#d6336c}.thumb-badge{color:#fff;background:#241a3db3;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.thumb-actions{opacity:0;background:linear-gradient(#0000,#241a3db3);justify-content:center;gap:4px;padding:6px;transition:opacity .15s;display:flex;position:absolute;inset:auto 0 0}.thumb-item:hover .thumb-actions,.thumb-item:focus-within .thumb-actions{opacity:1}.thumb-actions button{color:#241a3d;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;width:26px;height:26px;font-size:13px}.thumb-actions button:disabled{opacity:.5;cursor:default}.image-preview{background:var(--grad);color:#fff;border-radius:16px;place-items:center;width:120px;height:120px;font-size:34px;display:grid;position:relative;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.image-preview.busy:after{content:"…";background:#241a3d8c;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.edit-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}@media (max-width:860px){.edit-layout{grid-template-columns:1fr}.hide-sm{display:none}}.btn kbd{color:inherit;background:#ffffff40;border-color:#0000}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters>select{flex:0 auto;width:auto;padding:8px 10px;font-size:14px}.filters.busy{opacity:.7}.filter-search{border:1px solid var(--line);background:#ffffffe6;border-radius:12px;flex:260px;align-items:center;gap:6px;padding:0 10px;display:flex}.filter-search input{background:0 0;border:0;padding:9px 0}.filter-search input:focus{outline:none}.filter-search:focus-within{outline:2px solid #7c5cff73}.filter-date{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.filter-date input{width:auto;padding:7px 8px;font-size:13px}.bulk-bar{z-index:5;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex;position:sticky;top:8px}.bulk-bar.busy{opacity:.7}.bulk-bar select{padding:6px 10px;font-size:13px}table.list tr.row-selected td{background:#7c5cff14}table.list th a.sort{color:var(--muted);white-space:nowrap}table.list th a.sort.active{color:var(--brand)}table.list .num{text-align:right;font-variant-numeric:tabular-nums}.star{cursor:pointer;color:#c9c2df;background:0 0;border:0;padding:2px;font-size:20px;line-height:1}.star.on{color:#f5b301}.star:disabled{opacity:.5;cursor:progress}.thumb-btn{cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.thumb-more{background:var(--ink);color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;bottom:-4px;right:-4px}.pager{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;display:flex}.page-link{color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.page-link:hover{background:#7c5cff1a;text-decoration:none}.page-link.active{background:var(--grad);color:#fff;border-color:#0000}.page-link.disabled{opacity:.4}.modal-backdrop{z-index:100;background:#140e2899;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-image{flex-direction:column;gap:10px;max-width:min(1100px,100%);max-height:100%;display:flex}.modal-image img{object-fit:contain;background:#ffffff14;border-radius:16px;max-width:100%;max-height:calc(100vh - 110px);margin:0 auto}.modal-bar{background:var(--glass-strong);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.modal-card{width:min(520px,100%)}.btn-danger-solid{background:var(--danger);box-shadow:0 6px 18px #e5484d59}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{color:var(--ink);flex-direction:column;gap:4px;padding:18px;transition:transform .15s;display:flex}.stat-card:hover{text-decoration:none;transform:translateY(-2px)}.stat-icon{font-size:22px}.stat-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.stat-label{color:var(--muted);font-size:13px;font-weight:600}.tone-ok .stat-value{color:var(--ok)}.tone-warn .stat-value{color:var(--warn)}.tone-muted .stat-value{color:var(--muted)}.tone-brand .stat-value{color:var(--brand)}.stat-row{flex-wrap:wrap;gap:24px;display:flex}.stat-mini{flex-direction:column;display:flex}.stat-mini .stat-value{font-size:22px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.dash-grid.two{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}@media (max-width:860px){.dash-grid.two{grid-template-columns:1fr}}.top-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.top-list li{align-items:center;gap:10px;display:flex}.top-list li a{color:var(--ink);flex:1;font-size:14px;font-weight:600}.top-list .thumb{object-fit:contain;background:var(--grad);border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.bar{background:#7c5cff1a;border-radius:999px;height:8px;overflow:hidden}.bar span{background:var(--grad);border-radius:999px;height:100%;display:block}.todo-row{border:1px solid var(--line);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.todo-row:hover{background:#7c5cff14;text-decoration:none}
.ff{--surface:#fff;--surface-soft:#f7f7f7;--border:#e5e5e5;--text:#4b4b4b;--text-2:#707070;--text-3:#afafaf;--page:#fff;--brand:#e8336f;--brand-edge:#b01d5a;--brand-soft:#ffe1ec;--brand-ink:#b01d5a;--info:#1cb0f6;--info-edge:#1899d6;--info-soft:#ddf4ff;--info-ink:#0b6ba8;--warn-soft:#fff4d6;--warn-ink:#8a6200;--reward-ink:#a35a00;--on-tone:#fff;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--depth:4px;--t-base:#00c2a8;--t-edge:#009e89;--t-soft:#ccf5ef;--t-ink:#00796b;font-family:var(--font-nunito), ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--text);background:var(--page);-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:100vh;font-weight:600;display:flex}@media (prefers-color-scheme:dark){.ff{--surface:#171717;--surface-soft:#1e1e1e;--border:#3d3d3d;--text:#f7f7f7;--text-2:#afafaf;--text-3:#5c5c5c;--page:#121212;--brand-soft:#3a1424;--brand-ink:#ff7faa;--info-soft:#0f2a3a;--info-ink:#7fd0ff;--warn-soft:#3a2f0d;--warn-ink:#ffd666;--reward-ink:#ffb54d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ff [class*=tone-]{--t-soft:color-mix(in srgb, var(--t-base) 22%, #171717);--t-ink:color-mix(in srgb, var(--t-base) 70%, #fff)}}.ff a{color:inherit;text-decoration:none}.ff a:hover{text-decoration:none}.ff h1,.ff h2,.ff h3{color:var(--text);margin:0}.ff img{max-width:100%;display:block}.ff :focus-visible{outline:3px solid var(--info);outline-offset:2px}.tone-entertainment{--t-base:#ff86d6;--t-edge:#e35fb8;--t-soft:#ffe3f6;--t-ink:#b0127e}.tone-games{--t-base:#58cc02;--t-edge:#46a302;--t-soft:#d7ffb8;--t-ink:#3a7d00}.tone-friends{--t-base:#1cb0f6;--t-edge:#1899d6;--t-soft:#ddf4ff;--t-ink:#0b6ba8}.tone-conversation{--t-base:#2bdcd0;--t-edge:#14b8ad;--t-soft:#d4faf7;--t-ink:#0b7a72}.tone-personality{--t-base:#ce82ff;--t-edge:#a560e8;--t-soft:#f3e3ff;--t-ink:#8a3fc2}.tone-creativity{--t-base:#ffc800;--t-edge:#e0a800;--t-soft:#fff4c2;--t-ink:#8a6200}.tone-stories{--t-base:#ff9600;--t-edge:#e07f00;--t-soft:#ffe8c7;--t-ink:#a35a00}.tone-challenges{--t-base:#ff7a45;--t-edge:#e0612e;--t-soft:#ffe4d9;--t-ink:#b8410f}.tone-weird{--t-base:#7c6cff;--t-edge:#5d4ee0;--t-soft:#e6e2ff;--t-ink:#4b3bd1}.tone-random{--t-base:#00c2a8;--t-edge:#009e89;--t-soft:#ccf5ef;--t-ink:#00796b}.tone-all{--t-base:#4b4b4b;--t-edge:#3c3c3c;--t-soft:#f7f7f7;--t-ink:#4b4b4b}.tone-info{--t-base:var(--info);--t-edge:var(--info-edge);--t-soft:var(--info-soft);--t-ink:var(--info-ink)}.tone-brand{--t-base:var(--brand);--t-edge:var(--brand-edge);--t-soft:var(--brand-soft);--t-ink:var(--brand-ink)}.ff-wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 16px}.ff-narrow{max-width:720px}.ff-main{flex:1;padding:8px 0 32px}@media (min-width:760px){.ff-main{padding-bottom:48px}}.ff-stack{flex-direction:column;display:flex}.ff-row{align-items:center;gap:12px;min-width:0;display:flex}.ff-gap-8{gap:8px}.ff-gap-16{gap:16px}.ff-section{margin-top:32px}.ff-section-title{margin:0 0 12px;font-size:22px;font-weight:800}.ff-muted{color:var(--text-2)}.ff-grow{flex:1;min-width:0}.ff-clamp1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ff-clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ff-clamp3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ff-header{z-index:20;background:color-mix(in srgb, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--border);position:sticky;top:0}.ff-header-in{align-items:center;gap:12px;height:64px;display:flex}.ff-logo{white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex;color:var(--brand)!important}.ff-logo img{border-radius:9px;width:36px;height:36px}.ff-nav{gap:6px;margin-left:12px;display:none}.ff-nav a{border-radius:var(--r-md);color:var(--text-2);border:2px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-weight:800;display:flex}.ff-nav a img{width:28px;height:28px}.ff-nav a:hover{background:var(--surface-soft)}.ff-nav a.on{color:var(--info-ink);background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 45%, transparent)}@media (min-width:760px){.ff-nav{display:flex}}.ff-lang{border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:6px;height:44px;margin-left:auto;padding:0 8px 0 10px;display:flex;position:relative}.ff-lang img{width:22px;height:22px}@media (min-width:560px){.ff-lang select{max-width:none}}@media (max-width:359px){.ff-logo span{display:none}}.ff-lang select{text-overflow:ellipsis;appearance:none;max-width:92px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;width:auto;padding:0 4px;font-size:14px;font-weight:800}.ff-lang select:focus-visible{outline:none}.ff-lang:focus-within{border-color:var(--info)}.ff-tabs{z-index:30;background:var(--surface);border-top:2px solid var(--border);padding:6px 12px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.ff-tabs a{border-radius:var(--r-md);max-width:160px;color:var(--text-3);border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:12px;font-weight:800;display:flex}.ff-tabs a img{width:32px;height:32px}.ff-tabs a.on{color:var(--info-ink);background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 45%, transparent)}@media (min-width:760px){.ff-tabs{display:none}}.ff-press{border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--border);box-shadow:0 var(--depth) 0 var(--border);cursor:pointer;transition:transform .1s,box-shadow .1s;display:block;position:relative}.ff-press:active{transform:translateY(var(--depth));box-shadow:0 0 0 var(--border)}@media (hover:hover){.ff-press:hover{border-color:color-mix(in srgb, var(--border) 55%, var(--text-3))}}.ff-card{border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--border)}.ff-btn{border-radius:var(--r-md);height:52px;font:inherit;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:var(--t-base);color:var(--on-tone);box-shadow:0 var(--depth) 0 var(--t-edge);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:800;transition:transform .1s,box-shadow .1s,filter .1s;display:inline-flex}.ff-btn img{width:24px;height:24px}.ff-btn:active{transform:translateY(var(--depth));box-shadow:0 0 0 var(--t-edge)}@media (hover:hover){.ff-btn:hover{filter:brightness(1.05)}}.ff-btn.secondary{background:var(--surface);color:var(--t-ink);border:2px solid var(--border);box-shadow:0 var(--depth) 0 var(--border)}.ff-btn.on-hero{color:var(--t-ink);box-shadow:0 var(--depth) 0 var(--t-edge);background:#fff}.ff-btn.block{width:100%}.ff-btn.medium{height:46px;padding:0 18px;font-size:15px}.ff-icon-btn{background:var(--surface);border:2px solid var(--border);width:48px;height:48px;box-shadow:0 var(--depth) 0 var(--border);border-radius:999px;flex:none;place-items:center;transition:transform .1s,box-shadow .1s;display:grid}.ff-icon-btn img{width:24px;height:24px}.ff-icon-btn:active{transform:translateY(var(--depth));box-shadow:none}.ff-chip{z-index:2;border-radius:var(--r-xs);background:var(--t-soft);max-width:100%;color:var(--t-ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:800;transition:transform .1s;display:inline-flex;position:relative;overflow:hidden}.ff-chip img{flex:none;width:16px;height:16px}a.ff-chip:active{transform:scale(.92)}.ff-stat{color:var(--reward-ink);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.ff-stat img{width:20px;height:20px}.ff-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ff-hello{align-items:center;gap:12px;padding:16px 0 20px;display:flex}.ff-hello img{transform-origin:bottom;width:56px;height:56px;animation:1.2s ease-out ff-wave}.ff-hello h1{font-size:26px;font-weight:800}@keyframes ff-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(4deg)}}@media (prefers-reduced-motion:reduce){.ff-hello img,.ff-pop{animation:none!important}}.ff-hero{border-radius:var(--r-xl);background:var(--t-base) url(/art/backgrounds/hero_pattern.webp) top left / 120px repeat;box-shadow:0 6px 0 var(--t-edge);color:var(--on-tone);margin-bottom:6px;padding:20px}.ff-hero h2,.ff-hero p{color:var(--on-tone)}.ff-hero-label{opacity:.95;font-size:15px;font-weight:800}.ff-hero-title{margin:6px 0;font-size:clamp(22px,4vw,30px);font-weight:800;line-height:1.2}.ff-hero-desc{opacity:.95;margin:0;font-size:15px}.ff-hero-art{border-radius:var(--r-xl);object-fit:cover;flex:none;width:112px;height:112px}@media (min-width:760px){.ff-hero{padding:28px}.ff-hero-art{width:168px;height:168px}}.ff-surprise{align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.ff-surprise-ic{border-radius:var(--r-sm);background:var(--t-soft);flex:none;place-items:center;width:48px;height:48px;display:grid}.ff-surprise-ic img{width:36px;height:36px}.ff-surprise:active .ff-surprise-ic img{animation:.5s ease-out ff-spin}@keyframes ff-spin{to{transform:rotate(360deg)}}.ff-chevron{flex:none;width:32px;height:32px}.ff-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (min-width:560px){.ff-cats{grid-template-columns:repeat(5,minmax(0,1fr))}}.ff-cat{border-radius:var(--r-md);background:var(--t-soft);border:2px solid var(--t-base);box-shadow:0 var(--depth) 0 var(--t-base);color:var(--t-ink);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex}.ff-cat img{width:48px;height:48px}.ff-cat span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(12px,3.4vw,15px);overflow:hidden}.ff-cat:active{transform:translateY(var(--depth));box-shadow:0 0 0 var(--t-base)}.ff-seg{gap:8px;margin-bottom:16px;display:flex}.ff-seg a{border-radius:var(--r-md);border:2px solid var(--border);max-width:200px;height:44px;box-shadow:0 var(--depth) 0 var(--border);background:var(--surface);color:var(--text-2);flex:1;place-items:center;font-weight:800;transition:transform .1s,box-shadow .1s;display:grid}.ff-seg a.on{background:var(--info-soft);border-color:var(--info);box-shadow:0 var(--depth) 0 var(--info);color:var(--info-ink)}.ff-seg a:active{transform:translateY(var(--depth));box-shadow:none}.ff-list{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:760px){.ff-list.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.ff-prow{align-items:center;gap:12px;padding:12px;display:flex}.ff-prow-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.ff-prow h3{font-size:17px;font-weight:800;line-height:1.25}.ff-prow p{color:var(--text-2);margin:2px 0 6px;font-size:15px}.ff-thumb{border-radius:var(--r-sm);background:var(--t-soft);flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.ff-thumb img{object-fit:cover;width:100%;height:100%}.ff-thumb img.icon{object-fit:contain;width:48px;height:48px}.ff-thumb-n{color:#fff;background:#0009;border-radius:999px;padding:0 5px;font-size:11px;font-weight:800;position:absolute;bottom:3px;right:3px}.ff-rank{flex:none;place-items:center;width:32px;height:36px;display:grid;position:relative}.ff-rank img{width:100%;height:100%;position:absolute;inset:0}.ff-rank b{color:var(--text-2);font-size:15px;font-weight:900;position:relative}.ff-page-head{padding:16px 0 12px}.ff-page-head h1{font-size:30px;font-weight:800}.ff-page-head p{margin:4px 0 0;font-size:15px}.ff-search{border-radius:var(--r-md);border:2px solid var(--border);background:var(--surface-soft);align-items:center;gap:8px;height:52px;padding:0 8px 0 12px;display:flex}.ff-search:focus-within{border-color:var(--info)}.ff-search img{flex:none;width:24px;height:24px}.ff-search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px}.ff-search input::placeholder{color:var(--text-3)}.ff-search input::-webkit-search-cancel-button{display:none}.ff-search .clear{border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.ff-search .clear img{width:20px;height:20px}.ff-rail{scrollbar-width:none;gap:8px;margin:0 -16px;padding:14px 16px 10px;display:flex;overflow-x:auto}.ff-rail::-webkit-scrollbar{display:none}.ff-rail a{border-radius:var(--r-md);border:2px solid var(--border);height:44px;box-shadow:0 var(--depth) 0 var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 14px 0 8px;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex}.ff-rail a img{width:28px;height:28px}.ff-rail a.on{background:var(--t-soft);border-color:var(--t-base);box-shadow:0 var(--depth) 0 var(--t-base);color:var(--t-ink)}.ff-rail a:active{transform:translateY(var(--depth));box-shadow:none}.ff-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 16px;display:flex}.ff-count{color:var(--text-2);font-size:13px;font-weight:700}.ff-more{justify-content:center;margin-top:24px;display:flex}.ff-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.ff-state img{width:160px;height:160px}.ff-state h2{font-size:22px;font-weight:800}.ff-state p{color:var(--text-2);max-width:420px;margin:0 0 8px}.ff-dhero{background:var(--t-base) url(/art/backgrounds/hero_pattern.webp) top left / 120px repeat;padding:12px 0 24px}.ff-dhero-bar{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.ff-dhero-bar .cat{color:var(--on-tone);font-size:17px;font-weight:800}.ff-dhero .ff-icon-btn{box-shadow:0 var(--depth) 0 var(--t-edge);background:#fff;border-color:#fff}.ff-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:8px 0 4px;display:flex;overflow-x:auto}.ff-gallery::-webkit-scrollbar{display:none}.ff-gallery img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-xl);scroll-snap-align:center;background:var(--t-soft);flex:none;width:auto;max-width:86%;height:240px}.ff-gallery.one{justify-content:center}.ff-gallery .art{object-fit:contain;aspect-ratio:auto;background:0 0;width:220px;height:220px}@media (min-width:760px){.ff-gallery img{height:320px}.ff-gallery .art{width:260px;height:260px}}.ff-detail{padding-top:20px}.ff-detail h1{font-size:clamp(26px,5vw,32px);font-weight:800;line-height:1.2}.ff-detail .desc{color:var(--text-2);margin:8px 0 16px;font-size:17px;line-height:1.45}.ff-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ff-step{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.ff-step i{border-radius:var(--r-md);background:var(--t-soft);place-items:center;width:52px;height:52px;display:grid}.ff-step i img{width:34px;height:34px}.ff-bubble{align-items:flex-end;gap:8px;display:flex}.ff-bubble .av{background:var(--info-soft);border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:grid}.ff-bubble .av img{width:24px;height:24px}.ff-bubble .msg{border:2px solid var(--border);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-xs);background:var(--surface);white-space:pre-wrap;flex:1;min-width:0;padding:16px;font-size:17px;line-height:1.5}.ff-sec-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.ff-sec-head h2{font-size:22px;font-weight:800}.ff-sec-head span{color:var(--text-3);font-size:13px;font-weight:700}.ff-block{text-align:left;width:100%;font:inherit;color:var(--text);background:var(--surface-soft);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;padding:16px;font-size:17px;line-height:1.55}.ff-actions{z-index:25;background:var(--surface);border-top:2px solid var(--border);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:32px;position:sticky;bottom:0}.ff-actions-in{align-items:center;gap:12px;display:flex}.ff-actions-in .ff-btn:first-child{flex:1}.ff-getapp{align-items:center;gap:16px;margin-top:32px;padding:20px;display:flex}.ff-getapp img{flex:none;width:72px;height:72px}.ff-getapp h2{font-size:20px;font-weight:800}.ff-getapp p{color:var(--text-2);margin:4px 0 12px;font-size:15px}.ff-store{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:420px){.ff-getapp{text-align:center;flex-direction:column}.ff-store{justify-content:center}}.ff-toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;border-radius:var(--r-md);color:#fff;white-space:nowrap;background:#58cc02;align-items:center;gap:10px;padding:10px 18px 10px 10px;font-weight:800;animation:.3s ease-out ff-pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px #46a302}.ff-toast img{width:40px;height:40px}.ff-toast.is-error{background:#ff4b4b;padding:12px 18px;box-shadow:0 4px #ea2b2b}.ff-showfull{color:var(--text-2,#777);-webkit-user-select:none;user-select:none;font-weight:700}@keyframes ff-pop{0%{opacity:0;transform:translate(-50%,16px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.ff-footer{border-top:2px solid var(--border);padding:24px 0 calc(96px + env(safe-area-inset-bottom));color:var(--text-2);font-size:14px}.no-tabs .ff-footer{padding-bottom:32px}@media (min-width:760px){.ff-footer{padding-bottom:32px}}.ff-footer-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.ff-footer nav{flex-wrap:wrap;gap:16px;display:flex}.ff-footer nav a{color:var(--text-2);font-weight:800}.ff-footer nav a:hover{color:var(--brand)}.ff-legal{padding:24px 0 48px;font-size:16px;line-height:1.6}.ff-legal h1{margin-bottom:4px;font-size:32px;font-weight:900}.ff-legal h2{margin:28px 0 8px;font-size:20px;font-weight:800}.ff-legal p,.ff-legal li{color:var(--text)}.ff-legal ul{padding-left:22px}.ff-legal li{margin:4px 0}.ff-legal a{color:var(--info-ink);font-weight:800}.ff-legal .updated{color:var(--text-2);margin:0 0 16px;font-size:14px}.ff-legal .note{border-radius:var(--r-md);background:var(--info-soft);color:var(--info-ink);padding:14px 16px}