@font-face{font-family:Manrope;src:url(/fonts/Manrope-Variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-Variable.ttf)format("truetype");font-style:normal;font-weight:200 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f1e8;--paper-deep:#efe8dd;--surface:#fffdf8;--surface-soft:#fbf7f0;--ink:#292725;--ink-soft:#4f4a46;--muted:#736d67;--line:#ded5c9;--line-strong:#cfc3b5;--coral:#e96f64;--coral-deep:#9d4038;--coral-soft:#f8ddd8;--peach:#f5d5c6;--blue:#657da6;--blue-deep:#506789;--blue-soft:#dfe6f0;--gold:#d6a84b;--gold-soft:#f3e7c9;--sage-soft:#e3eadf;--cat-orange:#cf754c;--cat-dark:#463e39;--cat-cream:#fff3db;--shadow:#43352a17;--shadow-strong:#43352a24}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 1px 1px, #7767581c 1px, transparent 1.2px) 0 0 / 28px 28px, radial-gradient(circle at 1px 1px, #e96f6421 1.1px, transparent 1.35px) 13px 11px / 84px 84px, var(--paper);color:var(--ink);margin:0;font-family:Manrope,Segoe UI,system-ui,sans-serif;font-weight:400}button,input{font:inherit}button{color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #e96f647a}input:focus-visible{outline-offset:3px;outline:3px solid #e96f647a}label:has(input:focus-visible){outline-offset:3px;outline:3px solid #e96f647a}button:disabled{cursor:wait;opacity:.62}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;font-family:Unbounded,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:500}h1{font-size:clamp(1.45rem,4vw,2rem);line-height:1.05}h2{font-size:clamp(1.05rem,3vw,1.35rem);line-height:1.18}.app-page{min-height:100vh;padding:24px}.app-shell{border:1px solid var(--line);background:var(--surface);width:min(100%,1080px);min-height:calc(100vh - 48px);box-shadow:0 24px 64px var(--shadow-strong);border-radius:34px;grid-template-columns:230px minmax(0,650px);justify-content:center;margin:0 auto;display:grid;overflow:hidden}.side-nav{border-right:1px solid var(--line);background:linear-gradient(180deg, #f3ede3 0%, var(--paper-deep) 100%);flex-direction:column;gap:26px;min-width:0;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--coral-soft);width:44px;height:44px;color:var(--coral-deep);border:1px solid #9d40383d;border-radius:50% 50% 44% 56%;place-items:center;display:grid;transform:rotate(-5deg);box-shadow:0 8px 18px #9d40381f}.brand strong{font-family:Unbounded,system-ui,sans-serif;font-size:.92rem;font-weight:500;display:block}.brand small{color:var(--muted);margin-top:3px;font-size:.68rem;display:block}.nav-items{gap:7px;display:grid}.nav-items button{color:#5f5a55;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:background-color .18s,color .18s,border-color .18s,transform .18s;display:flex}.nav-items button span{text-align:center;width:25px;font-size:1.15rem}.nav-items button small{font-size:.8rem}.nav-items button.active{background:var(--coral-soft);color:var(--coral-deep);border-color:#e96f6433}.nav-items button.camera-nav{color:var(--coral-deep);background:#fbe9e5;border-color:#e96f6457;box-shadow:0 7px 16px #9d40381a}.nav-items button.camera-nav.active{background:var(--coral);color:#351a17}.side-reward{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fffdf8b8;border-radius:15px;margin-top:auto;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 8px 20px #43352a0f}.side-reward span,.side-reward strong{display:block}.side-reward span{color:var(--muted);font-size:.68rem}.side-reward strong{margin-top:3px;font-size:.85rem;font-weight:600}.mini-progress,.progress{background:#e8dfd2;border-radius:999px;height:7px;overflow:hidden}.mini-progress{margin-top:9px}.mini-progress i,.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--coral), #e78c6d 72%, var(--gold));height:100%;transition:width .2s;display:block}.app-content{background:radial-gradient(circle at 1px 1px, #75695e17 1px, transparent 1.2px) 0 0 / 29px 29px, radial-gradient(circle at 1px 1px, #e96f641f 1.1px, transparent 1.35px) 14px 9px / 87px 87px, var(--paper);width:100%;min-width:0;padding:30px clamp(16px,4vw,38px) 42px}.page-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.page-head p{color:var(--muted);margin-top:5px;font-size:.78rem}.paws-chip,.streak,.deadline,.collection-level{background:var(--gold-soft);color:#6b5222;border:1px solid #ad812c3d;border-radius:10px;flex:none;padding:7px 9px;font-size:.7rem;font-weight:600;transform:rotate(.5deg);box-shadow:0 6px 14px #ad812c17}.wallet-trigger{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.deadline{background:var(--blue-soft);color:var(--blue-deep);border-color:#657da638}.collection-level{background:var(--sage-soft);color:#536b4c;border-color:#607d5733}.mission-card{width:100%;box-shadow:inset 4px 0 var(--coral), 0 10px 24px #9d403814;cursor:pointer;text-align:left;background:linear-gradient(120deg,#fbe6df 0%,#f8ddd8 58%,#f6e8dc 100%);border:1px solid #e96f6440;border-radius:19px 22px 18px 24px;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;margin-bottom:14px;padding:14px;transition:transform .18s,box-shadow .18s;display:grid}.mission-card .mission-icon{width:42px;height:42px;color:var(--coral-deep);background:#fffdf8bd;border:1px solid #e96f6433;border-radius:12px;place-items:center;font-size:1.2rem;display:grid}.mission-card small{color:#8a5d56;letter-spacing:.1em;margin-bottom:3px;font-size:.58rem;display:block}.mission-card strong{font-size:.85rem;font-weight:600}.mission-arrow{color:var(--coral-deep);font-size:1.25rem}.reward-strip{border:1px solid var(--line);background:#fffdf8c7;border-radius:15px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;margin-bottom:17px;padding:12px 13px;display:grid;box-shadow:0 8px 20px #43352a0d}.reward-strip .bowl{background:var(--blue-soft);width:42px;height:36px;color:var(--blue-deep);border:1px solid #657da647;border-radius:50% 50% 10px 10px;place-items:center;font-size:1.45rem;display:grid}.reward-strip strong{font-size:.75rem;font-weight:600;display:block}.reward-strip .progress{margin-top:7px}.reward-strip small{color:var(--blue-deep);white-space:nowrap;font-size:.68rem;font-weight:500}.feed-list{gap:18px;display:grid}.cat-post{border:1px solid var(--line);box-shadow:0 13px 32px var(--shadow);background:#fffdf8eb;border-radius:24px 20px 26px 18px;overflow:hidden}.post-head{grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:12px 14px;display:grid}.avatar{background:var(--coral-soft);width:32px;height:32px;color:var(--coral-deep);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid}.post-head strong{font-size:.76rem;font-weight:600;display:block}.post-head small,.time{color:var(--muted);font-size:.64rem;display:block}.photo-wrap{position:relative}.cat-image,.cat-placeholder{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.cat-placeholder{background:linear-gradient(155deg, var(--gold-soft), var(--peach));place-items:center;display:grid;position:relative}.cat-placeholder.dark{background:linear-gradient(155deg, #d9e1ec, var(--blue))}.cat-placeholder.cream{background:linear-gradient(155deg, var(--sage-soft), var(--surface))}.css-cat{background:var(--cat-orange);border:4px solid #5c5149;border-radius:47% 47% 42% 42%;width:148px;height:142px;position:relative;box-shadow:8px 10px #45382f24}.dark .css-cat,.capture-empty .css-cat{background:var(--cat-dark)}.css-cat:before,.css-cat:after{content:"";z-index:-1;background:inherit;border:4px solid #5c5149;width:58px;height:62px;position:absolute;top:-31px;transform:rotate(45deg)}.css-cat:before{left:7px}.css-cat:after{right:7px}.css-cat i,.css-cat b{background:var(--cat-cream);border:3px solid #5c5149;border-radius:50%;width:25px;height:31px;position:absolute;top:46px}.css-cat i{left:29px}.css-cat b{right:29px}.css-cat i:after,.css-cat b:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:12px;position:absolute;top:8px;left:6px}.css-cat em{background:var(--coral-soft);border:3px solid #5c5149;width:18px;height:12px;position:absolute;top:87px;left:60px;transform:rotate(45deg)}.photo-place,.spotted{border:1px solid #43352a29;padding:6px 9px;font-size:.62rem;position:absolute}.photo-place{background:#fffdf8e0;border-radius:999px;top:12px;left:12px;box-shadow:0 4px 12px #43352a1a}.spotted{background:var(--blue-deep);color:#fffdf8;letter-spacing:.08em;border-color:#5067894d;bottom:12px;right:12px;transform:rotate(-3deg);box-shadow:0 7px 16px #50678933}.post-copy{padding:15px}.post-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.post-title h2{overflow-wrap:anywhere}.post-title p{color:var(--muted);margin-top:3px;font-size:.72rem}.post-title>span{background:var(--blue-soft);color:var(--blue-deep);border:1px solid #657da633;border-radius:8px;flex:none;padding:5px 7px;font-size:.58rem;transform:rotate(1deg)}.story{color:var(--muted);margin-top:9px;font-size:.78rem;line-height:1.55}.reactions{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.reactions button{border:1px solid var(--line);background:var(--surface-soft);color:#5f5953;cursor:pointer;border-radius:9px;padding:6px 9px;font-size:.66rem;transition:background-color .18s,border-color .18s,transform .18s}.reactions button.selected{background:var(--coral-soft);color:var(--coral-deep);border-color:#e96f6440}.feature-task{background:linear-gradient(125deg, var(--coral-soft), #f6cfca);color:var(--ink);border:1px solid #e96f643d;border-radius:23px 18px 27px 20px;margin-bottom:18px;padding:21px;position:relative;overflow:hidden;box-shadow:0 12px 28px #9d403814}.feature-task small{color:var(--coral-deep);letter-spacing:.09em;font-size:.58rem}.feature-task h2{margin-top:9px}.feature-task p{color:#635b56;max-width:70%;margin-top:8px;font-size:.76rem;line-height:1.45}.feature-task button{color:var(--coral-deep);cursor:pointer;background:#fffdf8d1;border:1px solid #9d403838;border-radius:10px;margin-top:16px;padding:9px 12px;font-size:.72rem;font-weight:600}.feature-cat{color:var(--coral-deep);opacity:.24;font-size:3.5rem;position:absolute;bottom:3px;right:-7px;transform:rotate(-8deg)}.task-filters{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.task-filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fffdf8b8;border-radius:9px;padding:7px 10px;font-size:.68rem;transition:background-color .18s,color .18s,border-color .18s}.task-filters button.active{background:var(--coral-soft);color:var(--coral-deep);border-color:#e96f6440}.task-list{gap:10px;display:grid}.task-row{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fffdf8e6;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-width:0;padding:11px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 8px 20px #43352a0f}.task-row.done{box-shadow:none;cursor:default;opacity:.8;background:#edf1f5;border-color:#657da633}.task-symbol{background:var(--coral-soft);width:42px;height:42px;color:var(--coral-deep);border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.task-symbol.story{background:var(--blue-soft);color:var(--blue-deep)}.task-symbol.team{background:var(--sage-soft);color:#536b4c}.task-symbol.rare{background:var(--gold-soft);color:#705725}.task-row strong,.task-row small{display:block}.task-row strong{font-size:.76rem;font-weight:600}.task-row small{color:var(--muted);margin-top:3px;font-size:.64rem;line-height:1.35}.task-row em{color:var(--coral-deep);white-space:nowrap;font-size:.66rem;font-style:normal;font-weight:600}.close-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--muted);box-shadow:0 7px 16px var(--shadow);cursor:pointer;border-radius:12px;place-items:center;font-size:1.4rem;display:grid}.capture-frame{aspect-ratio:4/5;border:1px solid var(--line-strong);background:linear-gradient(145deg, #e8ece3, var(--gold-soft));width:min(100%,440px);box-shadow:0 14px 32px var(--shadow);cursor:pointer;border-radius:24px 18px 27px 20px;place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.capture-frame input{opacity:0;width:1px;height:1px;position:absolute}.capture-frame>img{object-fit:cover;width:100%;height:100%}.capture-empty{text-align:center;justify-items:center;gap:45px;padding:24px;display:grid}.capture-empty .css-cat{width:120px;height:115px;transform:scale(.82)}.capture-empty strong{color:#5f5953;max-width:230px;font-size:.72rem;font-weight:600}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#29272533 33.3% 33.7%,#0000 33.8% 66.2%,#29272533 66.3% 66.7%,#0000 66.8%),linear-gradient(#0000 33.2%,#29272533 33.3% 33.7%,#0000 33.8% 66.2%,#29272533 66.3% 66.7%,#0000 66.8%);border:1px solid #29272575;border-radius:18px;position:absolute;inset:15px}.filter-mono{filter:grayscale()contrast(1.12)}.filter-bright{filter:brightness(1.16)contrast(.94)}.filter-vivid{filter:saturate(1.55)contrast(1.08)}.filter-film{filter:sepia(.35)saturate(1.15)contrast(1.08)}.filter-section{width:min(100%,440px);margin:18px auto}.filter-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.filter-head strong,.filter-head small{display:block}.filter-head strong{font-size:.78rem;font-weight:600}.filter-head small{color:var(--muted);margin-top:3px;font-size:.64rem}.filter-head button{color:var(--blue-deep);cursor:pointer;background:0 0;border:0;font-size:.65rem}.look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.look-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;min-width:0;padding:4px}.look-grid button.active{background:var(--coral-soft);border-color:#e96f6447;box-shadow:0 7px 16px #9d403814}.look-preview{aspect-ratio:4/5;border:1px solid var(--line);background:linear-gradient(145deg, var(--sage-soft), var(--gold-soft));border-radius:8px;place-items:center;width:100%;margin-bottom:5px;display:grid}.look-preview span{color:var(--coral);font-size:1.25rem}.look-grid small{font-size:.6rem}.cat-form{border:1px solid var(--line);width:min(100%,440px);box-shadow:0 12px 28px var(--shadow);background:#fffdf8e6;border-radius:18px;margin:0 auto;padding:15px}.cat-form label{color:var(--muted);gap:6px;font-size:.65rem;display:grid}.cat-form input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:11px;padding:10px 11px}.ai-button,.send-button{cursor:pointer;border:1px solid;border-radius:11px;width:100%;margin-top:11px;padding:11px;font-weight:600;transition:background-color .18s,transform .18s,box-shadow .18s}.ai-button{background:var(--blue-soft);color:var(--blue-deep);border-color:#657da640}.send-button{background:var(--coral);color:#351a17;border-color:#9d403859;box-shadow:0 8px 18px #9d403824}.ai-result{background:var(--surface-soft);border:1px solid #e9e0d5;border-radius:12px;gap:9px;margin-top:12px;padding:12px;display:grid}.ai-result>strong{color:var(--blue-deep);font-size:.64rem;font-weight:600}.ai-result p{color:var(--muted);font-size:.72rem;line-height:1.45}.battle-title{text-align:center;margin:7px auto 20px}.battle-title p{color:var(--muted);margin-top:6px;font-size:.72rem}.fighters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;display:grid}.fighter-slot{min-width:0;position:relative}.fighter{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;box-shadow:0 12px 28px var(--shadow);cursor:pointer;text-align:left;border-radius:18px 23px 20px 16px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.fighter.selected{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 12px 28px #9d403826}.fighter .cat-image,.fighter .cat-placeholder{aspect-ratio:4/5}.fighter .css-cat{transform:scale(.7)}.fighter>span{min-width:0;padding:11px;display:block}.fighter strong,.fighter small{overflow-wrap:anywhere;display:block}.fighter strong{font-size:.78rem;font-weight:600}.fighter small{color:var(--muted);margin-top:4px;font-size:.62rem;line-height:1.35}.versus{z-index:4;background:var(--coral);color:#351a17;border:1px solid #9d403840;border-radius:10px;place-items:center;width:38px;height:38px;font-size:.65rem;font-weight:600;display:grid;position:absolute;top:35%;right:-26px;transform:rotate(-5deg);box-shadow:0 7px 16px #9d403824}.vote-message{background:var(--blue-soft);color:#4f5e75;text-align:center;border:1px solid #657da633;border-radius:13px;margin-top:18px;padding:12px;font-size:.72rem}.vote-message strong{color:var(--coral-deep);font-weight:600}.vote-count{color:var(--muted);text-align:center;margin-top:10px;font-size:.65rem}.next-battles{margin-top:24px}.next-battles>strong{font-size:.76rem;font-weight:600}.next-battles div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.next-battles span{background:var(--blue-soft);color:var(--blue-deep);border:1px solid #657da633;border-radius:8px;padding:6px 8px;font-size:.62rem}.collection-banner{background:linear-gradient(125deg, #e9edf3, var(--blue-soft));color:var(--ink);border:1px solid #657da638;border-radius:23px 18px 27px 20px;margin-bottom:18px;padding:20px;box-shadow:0 12px 28px #52698f17}.collection-banner small{color:var(--blue-deep);letter-spacing:.09em;font-size:.58rem}.collection-banner h2{max-width:440px;margin-top:8px}.collection-banner .progress{margin-top:15px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.cat-grid article{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:0 10px 24px var(--shadow);border-radius:16px;overflow:hidden}.cat-grid .cat-image,.cat-grid .cat-placeholder{aspect-ratio:1}.cat-grid .css-cat{transform:scale(.58)}.cat-grid article>div:last-child{padding:11px}.cat-grid strong,.cat-grid small{overflow-wrap:anywhere;display:block}.cat-grid strong{font-size:.72rem;font-weight:600}.cat-grid small{color:var(--muted);margin-top:3px;font-size:.62rem}.bottom-nav{display:none}.toast{z-index:20;background:var(--surface);max-width:min(90vw,430px);color:var(--ink);box-shadow:0 12px 30px var(--shadow-strong);text-align:center;border:1px solid #e96f644d;border-radius:12px;padding:11px 14px;font-size:.72rem;position:fixed;top:18px;left:50%;transform:translate(-50%)}.wallet-backdrop{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#29272552;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wallet-panel{border:1px solid var(--line);background:var(--surface);border-radius:26px 21px 28px 22px;width:min(100%,560px);max-height:min(90vh,820px);padding:20px;position:relative;overflow:auto;box-shadow:0 28px 80px #43352a40}.wallet-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.wallet-head small,.wallet-section-title small{color:var(--muted);letter-spacing:.06em;font-size:.58rem;display:block}.wallet-head h2{margin-top:5px}.wallet-head>button{border:1px solid var(--line);background:var(--surface-soft);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:11px;place-items:center;font-size:1.25rem;display:grid}.wallet-total{background:linear-gradient(125deg, #fbe6df, var(--coral-soft));box-shadow:inset 4px 0 var(--coral);border:1px solid #e96f643d;border-radius:19px;grid-template-columns:auto auto 1fr;align-items:end;gap:9px;margin-top:18px;padding:17px 18px;display:grid}.wallet-total>span{align-self:center;font-size:1.7rem}.wallet-total>strong{color:var(--coral-deep);font-family:Unbounded,system-ui,sans-serif;font-size:2.15rem;font-weight:500;line-height:1}.wallet-total>small{color:#805d57;align-self:center;font-size:.66rem}.contribution-card,.wallet-history,.wallet-shop{margin-top:18px}.wallet-section-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.wallet-section-title>strong{font-size:.76rem;font-weight:600}.wallet-section-title>small{text-align:right;letter-spacing:0}.contribution-list{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;gap:10px;margin-top:10px;padding:13px;display:grid}.contribution-row>div:first-child{color:var(--muted);justify-content:space-between;gap:12px;font-size:.69rem;display:flex}.contribution-row>div:first-child strong{color:var(--ink);font-weight:600}.contribution-track{background:#e9e0d5;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.contribution-track i{border-radius:inherit;background:linear-gradient(90deg, var(--coral), #e78c6d);height:100%;display:block}.contribution-row:nth-child(2) .contribution-track i{background:linear-gradient(90deg, var(--blue-deep), var(--blue))}.transaction-list{gap:7px;margin-top:10px;display:grid}.transaction-row{border:1px solid var(--line);background:#fffdf9;border-radius:12px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:10px 11px;display:grid}.transaction-row>span{color:var(--coral-deep);font-size:.72rem;font-weight:600}.transaction-row.spend>span{color:var(--blue-deep)}.transaction-row strong,.transaction-row small{display:block}.transaction-row strong{overflow-wrap:anywhere;font-size:.68rem;font-weight:600}.transaction-row small{color:var(--muted);margin-top:2px;font-size:.59rem}.wallet-empty{color:var(--muted);text-align:center;padding:12px;font-size:.68rem}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.reward-grid button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;text-align:left;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:11px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.reward-grid button>span{background:var(--coral-soft);width:32px;height:32px;color:var(--coral-deep);border-radius:10px;place-items:center;font-size:1rem;display:grid}.reward-grid button>div{min-width:0}.reward-grid button strong,.reward-grid button small{overflow-wrap:anywhere;display:block}.reward-grid button strong{font-size:.67rem;font-weight:600}.reward-grid button small{color:var(--muted);margin-top:3px;font-size:.57rem;line-height:1.35}.reward-grid button em{color:var(--coral-deep);grid-column:2;font-size:.62rem;font-style:normal;font-weight:600}.reward-grid button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.48}.purchase-confirm{background:#fff9f4;border:1px solid #e96f6447;border-radius:17px;gap:13px;margin:18px -6px -6px;padding:15px;display:grid;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #43352a21}.purchase-confirm small,.purchase-confirm strong,.purchase-confirm p{display:block}.purchase-confirm small{color:var(--coral-deep);letter-spacing:.08em;font-size:.56rem}.purchase-confirm strong{margin-top:4px;font-size:.78rem}.purchase-confirm p{color:var(--muted);margin-top:5px;font-size:.65rem;line-height:1.45}.purchase-confirm>div:last-child{grid-template-columns:1fr 1.35fr;gap:8px;display:grid}.purchase-confirm button{cursor:pointer;border:1px solid;border-radius:10px;padding:9px 10px;font-size:.65rem;font-weight:600}.cancel-purchase{background:var(--surface);color:var(--muted);border-color:var(--line)!important}.confirm-purchase{background:var(--coral);color:#351a17;border-color:#9d403852!important}.paw-flight{z-index:60;background:var(--surface);color:var(--coral-deep);box-shadow:0 10px 24px var(--shadow-strong);pointer-events:none;border:1px solid #e96f6440;border-radius:999px;padding:8px 11px;font-size:.75rem;font-weight:600;animation:1.45s cubic-bezier(.2,.75,.2,1) forwards paw-to-wallet;position:fixed;top:58%;right:clamp(24px,12vw,170px)}@keyframes paw-to-wallet{0%{opacity:0;transform:translate(-20px,30px)scale(.8)rotate(-6deg)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(70px,-48vh)scale(.65)rotate(8deg)}}@media (hover:hover){.nav-items button:hover{color:var(--ink);background:#fffdf8ad}.nav-items button.active:hover,.nav-items button.camera-nav:hover{color:var(--coral-deep);background:#f6d5cf}.side-reward:hover,.wallet-trigger:hover{border-color:#e96f6452;transform:translateY(-1px);box-shadow:0 10px 22px #9d40381f}.mission-card:hover{box-shadow:inset 4px 0 var(--coral), 0 14px 28px #9d40381c;transform:translateY(-1px)}.reactions button:hover,.task-filters button:hover{color:var(--coral-deep);background:#fbebe7;border-color:#e96f6457}.task-row:hover,.fighter:hover{border-color:var(--line-strong);box-shadow:0 13px 26px var(--shadow);transform:translateY(-1px)}.ai-button:hover{background:#d5deeb}.send-button:hover{background:#e2655b;transform:translateY(-1px);box-shadow:0 11px 22px #9d40382e}.close-button:hover{color:var(--coral-deep);border-color:#e96f644d}.reward-grid button:not(:disabled):hover{border-color:#e96f6452;transform:translateY(-1px);box-shadow:0 8px 18px #9d403814}}@media (max-width:760px){.app-page{min-height:100vh;padding:0}.app-shell{min-height:100vh;box-shadow:none;background:var(--paper);border:0;border-radius:0;display:block}.side-nav{display:none}.app-content{min-height:calc(100vh - 74px);padding:24px 16px 100px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8eb;border-top:1px solid #cfc3b5e0;padding-bottom:0;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #43352a14}.nav-items.compact{padding:7px 4px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(7,minmax(0,1fr));gap:0;display:grid}.nav-items.compact button{min-width:0;min-height:52px;box-shadow:none;color:var(--muted);background:0 0;border:0;justify-items:center;gap:3px;padding:5px 0;display:grid}.nav-items.compact button span{width:auto;font-size:1.05rem}.nav-items.compact button small,.nav-items.compact .nav-settings small:after{letter-spacing:-.04em;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.12}.nav-items.compact .nav-settings small{font-size:0}.nav-items.compact .nav-settings small:after{content:"Ещё"}.nav-items.compact button.active{color:var(--coral-deep);background:0 0}.nav-items.compact button.camera-nav{background:var(--coral-soft);width:52px;height:52px;color:var(--coral-deep);border:1px solid #e96f6466;border-radius:16px 20px 15px 19px;place-self:start center;margin-top:-19px;transform:rotate(-2deg);box-shadow:0 8px 18px #9d403829}.nav-items.compact button.camera-nav.active{background:var(--coral);color:#351a17}.wallet-backdrop{align-items:end;padding:0}.wallet-panel{border-radius:24px 24px 0 0;width:100%;max-height:92vh;padding:18px 16px 22px}.wallet-total{grid-template-columns:auto auto 1fr}}@media (min-width:390px) and (max-width:760px){.nav-items.compact button small,.nav-items.compact .nav-settings small:after{font-size:11.5px}}@media (max-width:380px){.app-content{padding-inline:12px}.page-head{align-items:flex-start}.page-head h1{font-size:1.25rem}.paws-chip,.streak,.deadline,.collection-level{font-size:.6rem}.task-row{grid-template-columns:40px minmax(0,1fr) auto;padding:9px}.task-symbol{width:38px;height:38px}.fighters{gap:11px}.fighter>span{padding:9px}.versus{width:32px;height:32px;right:-22px}.post-title{display:grid}.post-title>span{justify-self:start}.reward-grid{grid-template-columns:1fr}.wallet-section-title{display:block}.wallet-section-title>small{text-align:left;margin-top:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.paw-flight{opacity:1;animation:none}}.mission-card-rich{grid-template-columns:auto minmax(0,1fr) auto auto}.mission-card-rich>em{color:var(--coral-deep);white-space:nowrap;font-size:.72rem;font-style:normal;font-weight:700}.mission-statuses{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mission-statuses span{color:var(--muted);background:#fffdf89e;border:1px solid #85796d2e;border-radius:999px;padding:4px 7px;font-size:.58rem;font-weight:600}.mission-statuses span.done{background:var(--coral-soft);color:var(--coral-deep);border-color:#e96f6447}.bowl-strip>div{min-width:0}.bowl-strip>div>small{color:var(--muted);margin:2px 0 6px;font-size:.58rem;display:inline-block}.memory-section,.achievement-section{margin:22px 0}.section-line{justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px;display:flex}.section-line small{color:var(--coral-deep);letter-spacing:.1em;font-size:.54rem;font-weight:700}.section-line h2{font-family:var(--font-display);margin-top:3px;font-size:1.05rem}.section-line>span{color:var(--muted);font-size:.6rem}.memory-list{gap:9px;display:grid}.memory-card{border:1px solid var(--line);box-shadow:0 8px 22px var(--shadow);background:#fffdf8c7;border-radius:15px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px;display:grid}.memory-card>span{background:var(--coral-soft);width:34px;height:34px;color:var(--coral-deep);border-radius:11px;place-items:center;display:grid}.memory-card small,.memory-card strong{display:block}.memory-card small{color:var(--muted);font-size:.57rem}.memory-card strong{margin-top:3px;font-size:.75rem}.memory-card p{color:var(--ink-soft);margin-top:5px;font-size:.65rem;line-height:1.48}.memory-card footer{color:var(--muted);justify-content:space-between;gap:10px;margin-top:7px;font-size:.57rem;display:flex}.memory-card footer em{color:var(--coral-deep);font-style:normal;font-weight:700}.daily-mission-detail,.secret-mission{background:linear-gradient(135deg,#fff9f4,#fffdf8);border:1px solid #e96f6440;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 12px 28px #6e4c3b14}.secret-mission{background:linear-gradient(135deg,#f7f8fb,#fffdf8);border-color:#657da647}.daily-mission-detail>small,.secret-mission>small{color:var(--coral-deep);letter-spacing:.1em;font-size:.55rem;font-weight:700}.secret-mission>small{color:var(--blue-deep)}.mission-detail-head{justify-content:space-between;align-items:start;gap:18px;margin-top:7px;display:flex}.mission-detail-head h2,.secret-mission h2{font-family:var(--font-display);font-size:1.15rem}.mission-detail-head p,.secret-mission>p{color:var(--muted);margin-top:5px;font-size:.68rem;line-height:1.5}.mission-detail-head em{color:var(--coral-deep);flex:none;font-size:.72rem;font-style:normal;font-weight:700}.mission-action{margin-top:14px}.mission-action textarea,.mission-action input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:11px;outline:none;margin-top:8px;padding:10px 11px;font-size:.65rem}.mission-action textarea{resize:vertical;min-height:70px}.mission-action textarea:focus,.mission-action input:focus{border-color:#e96f648c;box-shadow:0 0 0 3px #e96f641c}.mission-action>button,.primary-small{background:var(--coral);color:#351a17;cursor:pointer;border:1px solid #9d403840;border-radius:11px;margin-top:9px;padding:9px 13px;font-size:.65rem;font-weight:700}.mission-done-note,.secret-tease,.secret-reveal{background:var(--coral-soft);color:var(--coral-deep);border-radius:11px;margin-top:10px;padding:10px 12px;font-size:.63rem;line-height:1.45}.secret-tease,.secret-reveal{background:var(--blue-soft);color:var(--blue-deep)}.secret-reveal p+p{margin-top:5px}.bonus-missions{margin:18px 0}.bonus-missions>article{background:linear-gradient(135deg,#fffaf0,#fffdf8);border:1px solid #d6a84b4d;border-radius:16px;margin-bottom:9px;padding:15px;position:relative}.bonus-missions>article>div:first-child{padding-right:72px}.bonus-missions>article>div>strong{font-size:.76rem}.bonus-missions>article>div>p{color:var(--muted);margin-top:4px;font-size:.62rem;line-height:1.45}.bonus-missions>article>em{color:#8b671f;font-size:.61rem;font-style:normal;font-weight:700;position:absolute;top:15px;right:15px}.cat-form select,.wish-form select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:11px;margin-top:5px;padding:10px 11px;font-size:.65rem}.cat-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:88px;color:var(--ink);font:inherit;resize:vertical;border-radius:11px;margin-top:5px;padding:10px;font-size:.65rem}.wish-form{border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 28px var(--shadow);border-radius:18px;gap:12px;margin-bottom:18px;padding:18px;display:grid}.wish-form label{color:var(--muted);font-size:.62rem;font-weight:600}.wish-form input,.wish-form textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);font:inherit;border-radius:11px;outline:none;margin-top:5px;padding:10px 11px;font-size:.66rem}.wish-form textarea{resize:vertical;min-height:80px}.wish-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wish-form .secret-check{align-items:center;gap:7px;display:flex}.wish-form .secret-check input{width:auto;accent-color:var(--coral);margin:0}.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wish-card{border:1px solid var(--line);background:var(--surface);box-shadow:0 10px 24px var(--shadow);border-radius:18px;padding:16px}.wish-card>div{color:var(--coral-deep);align-items:center;gap:7px;display:flex}.wish-card>div small{color:var(--muted);font-size:.55rem}.wish-card h2{font-family:var(--font-display);margin-top:12px;font-size:.95rem}.wish-card p{color:var(--muted);margin-top:6px;font-size:.64rem;line-height:1.45}.wish-card footer{color:var(--muted);justify-content:space-between;gap:8px;margin-top:12px;font-size:.57rem;display:flex}.wish-card a{color:var(--blue-deep);text-decoration:none}.battle-reward{background:var(--gold-soft);color:#80601d;border-radius:999px;margin-top:9px;padding:6px 9px;font-size:.61rem;font-weight:700;display:inline-block}.cat-grid.expanded article>div:last-child{padding-bottom:12px}.cat-grid.expanded p{color:var(--muted);margin-top:6px;font-size:.56rem;line-height:1.4}.cat-grid.expanded button{border:1px solid var(--line);background:var(--surface-soft);color:var(--coral-deep);cursor:pointer;border-radius:9px;margin-top:9px;padding:7px 9px;font-size:.58rem;font-weight:600}.rarity{text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-weight:700;display:inline-block;color:var(--coral-deep)!important;font-size:.52rem!important}.achievement-grid{gap:8px;display:grid}.achievement-grid article{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.achievement-grid article.locked{opacity:.5;filter:grayscale(.45)}.achievement-grid article>span{font-size:1.05rem}.achievement-grid strong,.achievement-grid small{display:block}.achievement-grid strong{font-size:.7rem}.achievement-grid small{color:var(--muted);margin-top:2px;font-size:.57rem}.achievement-grid em{color:var(--coral-deep);font-size:.55rem;font-style:normal;font-weight:700}.year-preview{background:linear-gradient(135deg,#f2f4f8,#fffaf5);border:1px solid #657da638;border-radius:20px;margin-top:20px;padding:20px}.year-preview>small{color:var(--blue-deep);letter-spacing:.09em;font-size:.54rem;font-weight:700}.year-preview h2{font-family:var(--font-display);margin-top:5px;font-size:1.1rem}.year-preview>div{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.year-preview>div span{background:#fffdf8c7;border-radius:9px;padding:6px 8px;font-size:.6rem}.year-preview p{color:var(--muted);margin-top:12px;font-size:.62rem;line-height:1.45}@media (max-width:760px){.mission-card-rich{grid-template-columns:auto minmax(0,1fr) auto}.mission-card-rich>em{grid-column:2;justify-self:start}.mission-card-rich .mission-arrow{grid-area:1/3/span 2}.wish-grid{grid-template-columns:1fr}}@media (max-width:420px){.wish-form-grid{grid-template-columns:1fr}.daily-mission-detail,.secret-mission{padding:16px}.mission-detail-head{display:block}.mission-detail-head em{margin-top:8px;display:inline-block}}.purr-preview{margin:2px 0 10px}.sync-indicator{justify-content:center;align-items:center;gap:3px;min-width:30px;min-height:27px;padding:6px 9px;font-size:.56rem;display:flex}.sync-indicator.saved{color:#547352}.sync-indicator.saving{color:var(--blue-deep)}.sync-indicator.saving>i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:.75s ease-in-out infinite alternate sync-dot}.sync-indicator.saving>i:nth-child(2){animation-delay:.16s}.sync-indicator.saving>i:nth-child(3){animation-delay:.32s}.sync-indicator.error,.sync-indicator.conflict{color:#963f38;background:#fff1ee;border-color:#e96f6459}@keyframes sync-dot{to{opacity:.25;transform:translateY(-2px)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.moment-social{border-top:1px solid var(--line);padding:0 14px 14px}.moment-social .reactions{padding-top:10px}.moment-social .reactions button{min-width:42px;min-height:36px}.reaction-people{color:var(--muted);margin-top:5px;font-size:.52rem;line-height:1.4;display:block}.cat-tags{flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;display:flex}.cat-tags>small{width:100%;color:var(--muted);font-size:.55rem}.cat-tags button{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 8px;font-size:.55rem}.cat-tags button.selected{background:var(--coral-soft);color:var(--coral-deep);border-color:#e96f6461}.moment-comments{gap:8px;margin-top:12px;display:grid}.moment-comments>div{background:var(--surface-soft);border-radius:12px;padding:9px 10px}.moment-comments>div>span:first-child{justify-content:space-between;gap:8px;display:flex}.moment-comments strong{font-size:.6rem}.moment-comments small{color:var(--muted);font-size:.5rem}.moment-comments p{color:var(--ink-soft);margin-top:4px;font-size:.62rem;line-height:1.45}.comment-actions{gap:8px;margin-top:5px;display:flex}.comment-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.5rem;text-decoration:underline}.moment-comments form,.comment-form{grid-template-columns:minmax(0,1fr) 38px;gap:6px;margin-top:9px;display:grid}.moment-comments input,.comment-form input{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-width:0;padding:9px 10px;font-size:.62rem}.moment-comments form button,.comment-form button{background:var(--coral-soft);color:var(--coral-deep);cursor:pointer;border:0;border-radius:11px}.owner-note{color:var(--muted);padding:8px 0;font-size:.57rem;display:block}.daily-score{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.daily-score>div{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:18px;padding:20px;position:relative}.daily-score span,.daily-score strong{display:block}.daily-score span{color:var(--muted);font-size:.67rem}.daily-score strong{color:var(--coral-deep);margin-top:6px;font-family:Unbounded,system-ui,sans-serif;font-size:2rem}.daily-score b{z-index:2;background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.65rem;display:grid;position:absolute;top:50%;right:-27px;transform:translateY(-50%)}.battle-history{margin-top:24px}.battle-history>div:last-child{gap:7px;display:grid}.battle-history article{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px;display:grid}.battle-history article>span{color:var(--muted);font-size:.55rem}.battle-history strong,.battle-history small{display:block}.battle-history strong{font-size:.62rem}.battle-history small{color:var(--coral-deep);margin-top:3px;font-size:.54rem}.onboarding-page{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));place-items:center;display:grid}.onboarding-card{border:1px solid var(--line);width:min(100%,520px);box-shadow:0 24px 70px var(--shadow-strong);background:#fffdf8f0;border-radius:30px;justify-items:start;gap:15px;padding:clamp(26px,7vw,46px);display:grid}.onboarding-card .koto-mark{justify-self:center;margin:0 auto 8px}.onboarding-card>small{color:var(--coral-deep);letter-spacing:.12em;font-size:.57rem;font-weight:700}.onboarding-card>p{color:var(--muted);font-size:.72rem;line-height:1.65}.onboarding-card label{width:100%;color:var(--muted);font-size:.62rem;font-weight:650}.onboarding-card input{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);border-radius:12px;margin-top:6px;padding:12px}.onboarding-card button,.onboarding-action{text-align:center;width:100%;text-decoration:none}.onboarding-divider{width:100%;color:var(--muted);align-items:center;gap:10px;font-size:.58rem;display:flex}.onboarding-divider:before,.onboarding-divider:after{content:"";background:var(--line);flex:1;height:1px}.privacy-note,.onboarding-status{width:100%;color:var(--muted);text-align:center;font-size:.58rem}.auth-form{gap:12px;width:100%;display:grid}.auth-back{color:var(--blue-deep);cursor:pointer;background:0 0;border:0;padding:8px;font-size:.6rem;font-weight:700}.auth-back:hover{color:var(--coral-deep);text-decoration:underline}.sync-indicator{z-index:120;top:calc(12px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border:1px solid var(--line);box-shadow:0 6px 18px var(--shadow);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f0;border-radius:999px;padding:7px 10px;font-size:.54rem;font-weight:700;transition:opacity .18s;position:fixed}.sync-indicator.synced{opacity:.72}.sync-indicator.syncing{color:var(--blue-deep)}.sync-indicator.offline{color:#8a5a31;background:#fff5df;border-color:#d6a84b59}.pair-connect{background:linear-gradient(145deg,#fff8f2,var(--surface))}.invite-code{background:var(--coral-soft);border:1px dashed #e96f6473;border-radius:15px;justify-items:center;gap:4px;margin-top:13px;padding:15px;display:grid}.invite-code small{color:var(--coral-deep);letter-spacing:.12em;font-size:.52rem;font-weight:700}.invite-code strong{font-family:var(--font-display);letter-spacing:.08em;font-size:1.15rem}.invite-code span,.install-hint span{color:var(--muted);font-size:.58rem}.install-hint{background:var(--blue-soft);border-radius:13px;gap:4px;margin-top:14px;padding:12px;display:grid}.install-hint strong{font-size:.64rem}.settings-grid input:disabled{opacity:.65;cursor:not-allowed}.cat-detail-actions{gap:8px;display:grid}.cat-detail-actions .send-button{margin:0}.cat-edit-form{gap:11px;display:grid}.cat-edit-form label{color:var(--muted);font-size:.62rem;font-weight:650}.cat-edit-form input,.cat-edit-form textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);font:inherit;border-radius:11px;margin-top:5px;padding:11px}.cat-edit-form textarea{resize:vertical;min-height:150px}.cat-edit-form>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cat-edit-form>div>button:first-child{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:11px;padding:10px}@media (max-width:760px){.app-page{padding-top:calc(12px + env(safe-area-inset-top));padding-right:max(0px,env(safe-area-inset-right));padding-left:max(0px,env(safe-area-inset-left))}.app-shell{min-height:calc(100dvh - env(safe-area-inset-top));border-inline:0;border-radius:0}.sync-indicator{top:calc(7px + env(safe-area-inset-top));right:7px}}button{-webkit-tap-highlight-color:transparent}button:not(:disabled):active{transform:translateY(1px)scale(.99)}button:disabled{cursor:not-allowed}.post-main{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.mission-list-card:hover,.task-row:hover,.cat-grid.expanded>button:hover,.wish-card:hover{border-color:#e96f645c;box-shadow:0 14px 34px #43352a1f}.cat-post:has(.post-main:hover){border-color:#e96f645c;box-shadow:0 14px 34px #43352a1f}.koto-mark{filter:drop-shadow(0 10px 18px #9d403829);width:94px;height:88px;display:inline-block;position:relative}.koto-mark.small{flex:none;width:46px;height:42px}.koto-mark>i{background:var(--coral);border-radius:54% 54% 48% 48%;width:18px;height:23px;position:absolute;transform:rotate(-18deg)}.koto-mark>i:first-child{top:23px;left:11px}.koto-mark>i:nth-child(2){top:4px;left:30px;transform:rotate(-6deg)}.koto-mark>i:nth-child(3){top:4px;right:27px;transform:rotate(6deg)}.koto-mark>i:nth-child(4){top:23px;right:8px;transform:rotate(18deg)}.koto-mark>b{background:linear-gradient(145deg,#ed7d71,#df6258);border-radius:48% 48% 42% 42%/55% 55% 46% 46%;width:58px;height:50px;position:absolute;bottom:0;left:20px;transform:rotate(-2deg)}.koto-mark>b em{background:#fff8ef;border-radius:3px;width:14px;height:14px;position:absolute;top:18px;left:22px;transform:rotate(45deg)}.koto-mark>b em:before,.koto-mark>b em:after{content:"";background:#fff8ef;border-radius:50%;width:14px;height:14px;position:absolute}.koto-mark>b em:before{left:-7px}.koto-mark>b em:after{top:-7px}.koto-mark.small>i{width:9px;height:11px}.koto-mark.small>i:first-child{top:12px;left:5px}.koto-mark.small>i:nth-child(2){top:2px;left:15px}.koto-mark.small>i:nth-child(3){top:2px;right:13px}.koto-mark.small>i:nth-child(4){top:12px;right:4px}.koto-mark.small>b{width:29px;height:25px;left:10px}.koto-mark.small>b em{border-radius:1px;width:7px;height:7px;top:9px;left:11px}.koto-mark.small>b em:before,.koto-mark.small>b em:after{width:7px;height:7px}.koto-mark.small>b em:before{left:-3.5px}.koto-mark.small>b em:after{top:-3.5px}.splash-screen{z-index:200;background:var(--paper);place-items:center;animation:.35s 1.75s forwards splash-away;display:grid;position:fixed;inset:0}.splash-screen:before{content:"";opacity:.7;background:radial-gradient(circle at 1px 1px,#77675814 1px,#0000 1.2px) 0 0/30px 30px;position:absolute;inset:0}.splash-inner{z-index:1;text-align:center;place-items:center;display:grid;position:relative}.splash-inner .koto-mark{opacity:0;animation:.42s .35s forwards mark-in;transform:translateY(9px)scale(.92)}.splash-inner.paw-pulse .koto-mark{animation:.42s .35s forwards mark-in,.7s ease-in-out both mark-purr}.splash-inner h1{opacity:0;margin-top:20px;font-size:clamp(1.65rem,6vw,2.5rem);animation:.38s .78s forwards copy-in}.splash-inner p{max-width:310px;color:var(--muted);opacity:0;margin-top:9px;font-size:.78rem;animation:.38s .98s forwards copy-in}@keyframes mark-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes copy-in{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(5px)}}@keyframes mark-purr{0%,to{transform:scale(1)rotate(0)}18%{transform:scale(1.065)rotate(-1deg)}35%{transform:scale(.99)rotate(.4deg)}54%{transform:scale(1.06)rotate(-.7deg)}71%{transform:scale(.995)rotate(.25deg)}88%{transform:scale(1.04)rotate(-.3deg)}}@keyframes splash-away{to{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.splash-inner .koto-mark,.splash-inner h1,.splash-inner p,.splash-screen{animation-duration:.01ms;animation-delay:0s}}.detail-header{margin-bottom:22px}.detail-header>small{color:var(--coral-deep);letter-spacing:.1em;margin-top:16px;font-size:.57rem;font-weight:700;display:block}.detail-header h1{max-width:590px;margin-top:6px}.back-button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:8px 11px;font-size:.66rem;font-weight:650}.back-button:hover{border-color:var(--coral);color:var(--coral-deep)}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.mission-list-card{border:1px solid var(--line);background:linear-gradient(145deg,#fffaf4,var(--surface));text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;align-items:stretch;min-height:190px;padding:18px;transition:all .18s;display:flex}.mission-list-card.secret{background:linear-gradient(145deg,#f3f5fa,var(--surface));border-color:#657da647}.mission-list-card>small{color:var(--coral-deep);letter-spacing:.09em;font-size:.54rem;font-weight:700}.mission-list-card>strong{font-family:var(--font-display);margin-top:10px;font-size:.88rem;line-height:1.25}.mission-list-card>p{color:var(--muted);margin:7px 0 12px;font-size:.62rem;line-height:1.48}.mission-list-card footer{color:var(--muted);justify-content:space-between;gap:8px;margin-top:auto;font-size:.56rem;display:flex}.mission-list-card footer em{color:var(--coral-deep);font-style:normal;font-weight:700}.mission-full-card{border:1px solid var(--line);background:linear-gradient(145deg,#fffaf5,var(--surface));box-shadow:0 16px 38px var(--shadow);border-radius:24px;padding:clamp(18px,4vw,30px)}.mission-meta{flex-wrap:wrap;gap:7px;display:flex}.mission-meta span{background:var(--coral-soft);color:var(--coral-deep);border-radius:999px;padding:6px 9px;font-size:.58rem;font-weight:700}.mission-meta span:nth-child(2){background:var(--blue-soft);color:var(--blue-deep)}.mission-full-copy{max-width:540px;color:var(--ink-soft);margin:18px 0;font-size:.78rem;line-height:1.65}.mission-detail-form{border-top:1px solid var(--line);gap:12px;margin-top:20px;padding-top:20px;display:grid}.mission-detail-form label{color:var(--muted);font-size:.62rem;font-weight:650}.mission-detail-form input,.mission-detail-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:12px;margin-top:5px;padding:11px;font-size:.68rem}.mission-detail-form textarea{resize:vertical;min-height:90px}.mission-photo-picker{border:1px dashed var(--line-strong);background:var(--surface-soft);cursor:pointer;border-radius:15px;place-items:center;min-height:118px;display:grid;overflow:hidden;color:var(--coral-deep)!important}.mission-photo-picker input{display:none}.mission-photo-picker img{object-fit:cover;width:100%;max-height:220px}.mission-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.mission-photo-grid figure{margin:0}.mission-photo-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%}.mission-photo-grid figcaption{color:var(--muted);margin-top:4px;font-size:.56rem}.mission-complete-state{background:var(--sage-soft);border-radius:15px;gap:12px;margin-top:20px;padding:15px;display:flex}.mission-complete-state>span{color:#fff;background:#78916d;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.mission-complete-state strong{font-size:.72rem}.mission-complete-state p{color:var(--muted);margin-top:3px;font-size:.62rem;line-height:1.4}.bowl-hero{background:linear-gradient(135deg,#fff2e8,#fff9ec);border:1px solid #d6a84b57;border-radius:24px;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:20px;padding:24px;display:grid;box-shadow:0 16px 34px #6e4c3b14}.bowl-hero.ready{background:linear-gradient(135deg,#fde1da,#fff5e9);border-color:#e96f646b}.bowl-big{background:var(--coral);color:#fff8ef;border-radius:20px 20px 38px 38px;place-items:center;width:88px;height:70px;font-size:2.5rem;display:grid;box-shadow:inset 0 -8px #9d40381f}.bowl-hero small,.surprise-reveal>small{color:var(--coral-deep);letter-spacing:.1em;font-size:.57rem;font-weight:700}.bowl-hero h2{margin-top:5px}.bowl-hero p{color:var(--muted);margin:8px 0 13px;font-size:.67rem;line-height:1.5}.bowl-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.bowl-modes>article{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:20px}.bowl-modes>article>span{font-size:1.2rem}.bowl-modes h2{margin-top:8px;font-size:.9rem}.bowl-modes p{color:var(--muted);margin:7px 0 14px;font-size:.62rem;line-height:1.45}.bowl-modes button,.surprise-reveal button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:11px;padding:9px 11px;font-size:.6rem;font-weight:650}.bowl-modes>article:first-child>button{background:var(--coral);border-color:var(--coral);color:#351a17;width:100%}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mood-grid button:hover{border-color:var(--coral);color:var(--coral-deep)}.bowl-wait-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.6rem}.surprise-reveal{text-align:center;background:linear-gradient(145deg,#fff5ee,#fffdf8);border:1px solid #e96f6459;border-radius:22px;margin-top:16px;padding:26px}.surprise-reveal>span{color:var(--blue-deep);margin:12px 0 7px;font-size:.64rem;display:block}.surprise-reveal p{max-width:500px;color:var(--ink-soft);margin:12px auto 18px;font-size:.76rem;line-height:1.6}.surprise-reveal>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.surprise-reveal button.primary-action{background:var(--coral);border-color:var(--coral)}.bowl-categories,.bowl-history{margin-top:24px}.bowl-categories>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.bowl-categories>div:last-child span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 10px;font-size:.61rem}.bowl-history article{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-items:center;gap:10px;margin-top:7px;padding:11px;display:flex}.bowl-history article>span{min-width:150px;font-size:.62rem}.bowl-history strong,.bowl-history small{display:block}.bowl-history strong{font-size:.66rem}.bowl-history small{color:var(--muted);font-size:.55rem}.cat-detail{border:1px solid var(--line);background:var(--surface);box-shadow:0 16px 38px var(--shadow);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.cat-detail>img,.cat-detail>.cat-placeholder{object-fit:cover;width:100%;height:100%;min-height:430px}.cat-detail>div:last-child{padding:28px}.cat-detail h2{margin-top:18px}.cat-detail>div>p{color:var(--muted);margin-top:12px;font-size:.72rem;line-height:1.6}.cat-detail dl{gap:9px;margin:22px 0;display:grid}.cat-detail dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.cat-detail dt,.cat-detail dd{margin:0;font-size:.61rem}.cat-detail dt{color:var(--muted)}.cat-detail dd{text-align:right;font-weight:650}.wish-card{transition:all .18s;position:relative}.wish-card.completed{opacity:.66}.wish-card.completed h2{text-decoration:line-through}.wish-menu-button{z-index:2;cursor:pointer;letter-spacing:.1em;background:0 0;border:0;border-radius:9px;padding:6px 8px;font-weight:700;position:absolute;top:8px;right:10px}.wish-menu-button:hover{background:var(--coral-soft)}.wish-menu{z-index:4;border:1px solid var(--line);background:var(--surface);min-width:145px;box-shadow:0 12px 30px var(--shadow-strong);border-radius:12px;padding:5px;position:absolute;top:40px;right:10px;gap:2px!important;display:grid!important}.wish-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 9px;font-size:.6rem}.wish-menu button:hover{background:var(--surface-soft)}.danger-text{color:#a43f38}.form-actions{justify-content:flex-end;gap:8px;display:flex}.form-actions>button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:11px;padding:9px 12px}.form-actions .send-button{background:var(--coral);width:auto;margin:0}.cat-grid.expanded>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:18px;padding:0;transition:all .18s;overflow:hidden}.cat-grid.expanded>button>div:last-child{padding:13px}.cat-grid.expanded>button>img,.cat-grid.expanded>button>.cat-placeholder{aspect-ratio:1;width:100%}.cat-grid.expanded>button strong,.cat-grid.expanded>button small{display:block}.cat-grid.expanded>button em{color:var(--coral-deep);margin-top:9px;font-size:.58rem;font-style:normal;font-weight:700;display:inline-block}.achievement-grid button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.achievement-grid button.locked{opacity:.58;filter:grayscale(.4)}.achievement-grid button:hover{border-color:var(--coral)}.settings-section{border:1px solid var(--line);background:var(--surface);box-shadow:0 10px 26px var(--shadow);border-radius:20px;margin-bottom:14px;padding:22px}.settings-section>small{color:var(--coral-deep);letter-spacing:.09em;font-size:.55rem;font-weight:700}.settings-section h2{margin-top:6px;font-size:.98rem}.settings-section>p{color:var(--muted);margin:7px 0 16px;font-size:.65rem;line-height:1.5}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.settings-grid label{color:var(--muted);font-size:.62rem;font-weight:650}.settings-grid input{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);border-radius:11px;margin-top:5px;padding:11px}.primary-action,.secondary-action,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:11px;padding:10px 13px;font-size:.64rem;font-weight:700}.primary-action{background:var(--coral);color:#351a17}.secondary-action{border-color:var(--line);background:var(--surface-soft)}.danger-zone{background:#fff9f6;border-color:#a43f3840}.danger-button{color:#fff;background:#a9473f}.push-settings{background:linear-gradient(145deg,#fffaf6,var(--surface))}.push-state{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;align-items:center;gap:11px;margin:13px 0;padding:13px;display:flex}.push-state>span{width:32px;height:32px;color:var(--muted);background:#ebe4dc;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.push-state.enabled{background:var(--sage-soft);border-color:#668b6740}.push-state.enabled>span{color:#fff;background:#668b67}.push-state strong,.push-state small{display:block}.push-state strong{font-size:.66rem}.push-state small{color:var(--muted);margin-top:3px;font-size:.57rem;line-height:1.45}.settings-section>.push-privacy-note{margin:12px 0 0;font-size:.56rem}.toggle-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex;position:relative}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:.68rem}.toggle-row small{color:var(--muted);margin-top:3px;font-size:.57rem}.toggle-row input{opacity:0;position:absolute}.toggle-row>i{background:#c8c0b7;border-radius:999px;flex:none;width:42px;height:24px;transition:all .18s;position:relative}.toggle-row>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000026}.toggle-row input:checked+i{background:var(--coral)}.toggle-row input:checked+i:after{transform:translate(18px)}.confirm-backdrop{z-index:160;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4031295c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:22px;width:min(100%,430px);padding:24px;box-shadow:0 24px 70px #33251f38}.confirm-dialog>span{background:var(--coral-soft);width:38px;height:38px;color:var(--coral-deep);border-radius:50%;place-items:center;margin:0 auto 12px;font-weight:800;display:grid}.confirm-dialog h2{font-size:1rem}.confirm-dialog p{color:var(--muted);margin:10px 0 18px;font-size:.67rem;line-height:1.55}.confirm-dialog>div{justify-content:center;gap:8px;display:flex}.confirm-dialog>div>button:first-child{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:11px;padding:10px 12px;font-size:.62rem}.empty-note{color:var(--muted);padding:12px 0;font-size:.62rem}@media (max-width:760px){.mission-grid,.bowl-modes,.cat-detail{grid-template-columns:1fr}.cat-detail>img,.cat-detail>.cat-placeholder{min-height:320px;max-height:460px}.bowl-hero{grid-template-columns:70px minmax(0,1fr);padding:18px}.bowl-big{width:68px;height:58px}.settings-grid{grid-template-columns:1fr}}@media (max-width:460px){.nav-items.compact button span{font-size:.92rem}.mission-photo-grid,.mood-grid{grid-template-columns:1fr}.bowl-hero{display:block}.bowl-big{margin-bottom:14px}.surprise-reveal>div,.confirm-dialog>div{flex-direction:column}.surprise-reveal button,.confirm-dialog button{width:100%}.bowl-history article{align-items:flex-start}.bowl-history article>span{min-width:110px}}html,body{max-width:100%;overflow-x:hidden}.app-page,.app-shell,.app-content{min-width:0;max-width:100%}.wallet-equation{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin-top:10px;padding:12px 14px;display:grid}.wallet-equation>span{text-align:center;gap:3px;min-width:0;display:grid}.wallet-equation small{color:var(--muted);font-size:.54rem}.wallet-equation strong{font-family:var(--font-display);font-size:.83rem}.wallet-equation>b{color:var(--muted);font-size:.72rem}.wallet-equation .current strong{color:var(--coral-deep)}.wallet-equation-copy{color:var(--muted);text-align:center;margin-top:7px;font-size:.57rem}.together-note{color:var(--muted);text-align:center;margin-top:9px;font-size:.62rem}.ledger-list{gap:7px;margin-top:10px;display:grid}.ledger-row{border:1px solid var(--line);background:#fffdf9;border-radius:12px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;padding:10px 11px;display:grid}.ledger-row>span{color:var(--coral-deep);font-size:.7rem;font-weight:700}.ledger-row.expense{background:#f6f7fa;border-color:#657da633}.ledger-row.expense>span{color:var(--blue-deep)}.ledger-row strong,.ledger-row small{overflow-wrap:anywhere;display:block}.ledger-row strong{font-size:.66rem}.ledger-row small{color:var(--muted);margin-top:3px;font-size:.56rem}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.shop-list button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;text-align:left;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:11px;display:grid}.shop-list button>span{background:var(--coral-soft);width:32px;height:32px;color:var(--coral-deep);border-radius:10px;place-items:center;font-size:1rem;display:grid}.shop-list button strong,.shop-list button small{overflow-wrap:anywhere;display:block}.shop-list button strong{font-size:.66rem}.shop-list button small{color:var(--muted);margin-top:3px;font-size:.56rem;line-height:1.35}.shop-list button em{color:var(--coral-deep);grid-column:2;font-size:.61rem;font-style:normal;font-weight:700}.shop-list button.insufficient{opacity:.62}.shop-list button.insufficient:hover{opacity:.86}.purchase-confirm.insufficient{background:#f5f7fb;border-color:#657da647}.purchase-confirm.insufficient>div:last-child{grid-template-columns:1fr}.purchase-confirm button:first-child{border-color:var(--line);background:var(--surface);color:var(--ink-soft)}.battle-title>small{color:var(--coral-deep);letter-spacing:.08em;font-size:.55rem;font-weight:700}.battle-instruction{border:1px solid var(--line);background:#fffdf8b8;border-radius:13px;gap:4px;margin:14px 0;padding:12px;display:grid}.battle-instruction strong{font-size:.65rem}.battle-instruction span{color:var(--muted);font-size:.6rem;line-height:1.45}.fighter em{color:var(--coral-deep);margin-top:7px;font-size:.56rem;font-style:normal;font-weight:700;display:block}.vote-message.result{background:var(--sage-soft);color:#546849}.cat-detail-media{background:var(--surface-soft);min-width:0}.cat-detail-media>img,.cat-detail-media>.cat-placeholder{object-fit:cover;width:100%;min-height:430px;max-height:560px}.cat-detail-copy{padding:28px}.encounter-gallery{gap:10px;padding:12px;display:grid}.encounter-gallery figure{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:96px minmax(0,1fr);gap:10px;margin:0;padding:8px;display:grid}.encounter-gallery img{object-fit:cover;border-radius:10px;width:96px;height:96px}.encounter-gallery figcaption{align-self:center;min-width:0}.encounter-gallery strong,.encounter-gallery span,.encounter-gallery small{overflow-wrap:anywhere;display:block}.encounter-gallery strong{font-size:.64rem}.encounter-gallery span{color:var(--muted);margin-top:3px;font-size:.54rem}.encounter-gallery small{color:var(--ink-soft);margin-top:7px;font-size:.57rem;line-height:1.4}button,input,select,textarea{max-width:100%}:is(button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #657da657}@media (max-width:760px){.app-content{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.wallet-panel{max-height:calc(92dvh - env(safe-area-inset-top));padding-bottom:calc(22px + env(safe-area-inset-bottom))}.shop-list{grid-template-columns:1fr}.cat-detail-media>img,.cat-detail-media>.cat-placeholder{min-height:320px;max-height:460px}}@media (max-width:420px){.wallet-equation{gap:5px;padding-inline:8px}.wallet-equation small{font-size:.47rem}.wallet-equation strong{font-size:.72rem}.ledger-row{grid-template-columns:70px minmax(0,1fr)}.encounter-gallery figure{grid-template-columns:78px minmax(0,1fr)}.encounter-gallery img{width:78px;height:78px}}