:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff6ea;--surface:#fffcf7e0;--surface-strong:#fffdf8;--surface-muted:#fff5e6e6;--text:#21150d;--text-soft:#735743;--line:#704a231f;--accent:#eb6a2c;--accent-soft:#eb6a2c1f;--accent-strong:#cb4e13;--danger:#8f2d13;--success:#245c2d;--shadow:0 22px 60px #522b0c24;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--safe-bottom:calc(env(safe-area-inset-bottom,0px) + 22px);--font-sans:"Segoe UI", "SF Pro Display", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);font-family:var(--font-sans);background:radial-gradient(circle at 0 0,#ffd8b6f2,#0000 38%),radial-gradient(circle at 100% 0,#ffecd2bf,#0000 34%),linear-gradient(#fffaf3 0%,#fff3e2 100%)}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100dvh;padding:24px 18px calc(148px + var(--safe-bottom))}.app-frame{max-width:780px;margin:0 auto}.collection-section{padding-bottom:calc(108px + var(--safe-bottom))}.hero{background:linear-gradient(135deg, #fffaf2f5, #ffefdbeb), var(--surface);box-shadow:var(--shadow);border:1px solid #ffffffd9;border-radius:32px;padding:24px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffb18166,#0000 68%);width:180px;height:180px;position:absolute;inset:auto -32px -48px auto}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.83rem;font-weight:700}.hero h1{max-width:12ch;margin:0;font-size:clamp(2rem,5vw,3.3rem);line-height:.95}.hero p{max-width:48ch;color:var(--text-soft);margin:14px 0 0;font-size:1rem;line-height:1.5}.status-banner{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text-soft);background:#ffffffb8;margin-top:16px;padding:14px 16px}.status-banner[data-tone=error]{color:var(--danger);background:#ffe9e0d6;border-color:#8f2d1333}.status-banner[data-tone=success]{color:var(--success);background:#e4f7e8e6;border-color:#245c2d2e}.section-title{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px;display:flex}.section-title h2{margin:0;font-size:1.05rem}.section-title span{color:var(--text-soft);font-size:.92rem}.feed-grid{column-count:2;column-gap:14px}.feed-card{break-inside:avoid;background:var(--surface-strong);border:1px solid #ffffffe0;border-radius:24px;margin-bottom:14px;overflow:hidden;box-shadow:0 18px 40px #5b35161a}.feed-card img{object-fit:cover;background:linear-gradient(#ffead2,#ffe0bf);width:100%;height:auto;display:block}.card-body{gap:10px;padding:14px;display:grid}.card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-title{margin:0;font-size:1rem}.card-subtitle{color:var(--text-soft);margin:4px 0 0;font-size:.88rem}.rank-badge{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#ffb17c,#eb6a2c);border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:42px;font-weight:800;display:inline-flex}.rank-badge[data-rank=S]{background:linear-gradient(135deg,#d9c26c,#af8617)}.rank-badge[data-rank=A]{background:linear-gradient(135deg,#eb925d,#bc4e17)}.card-copy{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.45}.meta-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-muted);color:var(--text-soft);border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;display:inline-flex}.review-sheet{box-shadow:var(--shadow);background:#fffefbeb;border:1px solid #ffffffe6;border-radius:28px;margin-top:24px;position:relative;overflow:hidden}.review-sheet[data-disabled=true]{border-color:#8f2d132e}.review-media{object-fit:cover;width:100%;max-height:280px;display:block}.review-body{gap:14px;padding:18px;display:grid}.review-actions{flex-wrap:wrap;gap:10px;display:flex}.button{cursor:pointer;border:none;border-radius:999px;padding:13px 18px;transition:transform .18s,opacity .18s,background .18s}.button:disabled{opacity:.55;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--accent), #ff9449);color:#fff;font-weight:700}.button-secondary{color:var(--text);background:#855d3817}.empty-state{text-align:center;color:var(--text-soft);background:#ffffff80;border:1px dashed #704a2333;border-radius:24px;padding:30px 18px}.bottom-bar{right:18px;bottom:var(--safe-bottom);z-index:30;justify-content:center;display:flex;position:fixed;left:18px}.bottom-bar-inner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#24160bdb;border:1px solid #ffffffe0;border-radius:999px;gap:12px;padding:12px;display:inline-flex;box-shadow:0 24px 60px #1608014d}.icon-button{color:#362116;cursor:pointer;background:linear-gradient(135deg,#fff4ea,#ffd2a8);border:none;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.icon-button:hover:not(:disabled){background:linear-gradient(135deg,#fff8f2,#ffddb8);transform:translateY(-2px)scale(1.01)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button svg{width:28px;height:28px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.app-shell{padding-left:14px;padding-right:14px;padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))}.hero{padding:20px}.collection-section{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.section-title{flex-direction:column;align-items:flex-start;gap:6px}.feed-grid{column-gap:10px}.feed-card{margin-bottom:10px}.bottom-bar{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);left:14px}}