:root{color-scheme:light;--bg: #f7f1e3;--bg-soft: #fff8ef;--surface: rgba(255, 250, 242, .84);--surface-strong: #fffef9;--border: rgba(80, 52, 24, .12);--text: #2b1d0f;--text-soft: #6d5844;--accent: #ff8c42;--accent-strong: #ef5b2a;--accent-cool: #1b998b;--accent-berry: #e63973;--warning: #ffbf69;--success: #52b788;--danger: #d1495b;--shadow: 0 24px 60px rgba(54, 31, 14, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--font-body: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", sans-serif}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(255,196,112,.55),transparent 30%),radial-gradient(circle at top right,rgba(70,188,170,.22),transparent 34%),linear-gradient(180deg,#fff8ea,#f7f1e3,#f6ede0);color:var(--text);font-family:var(--font-body)}body.overlay-open{overflow:hidden}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,p{margin:0}app-root{display:block}.app-frame{display:grid;min-height:100vh;gap:1.5rem;padding:1.5rem}.app-frame--public{grid-template-columns:minmax(280px,420px) minmax(0,1fr)}.app-frame--dashboard{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.hero-panel,.sidebar-card,.form-card,.card,.notice-card,.stat-card,.mini-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.page-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.hero-panel,.sidebar-card,.page-panel,.notice-card,.form-card,.card,.stat-card,.mini-card{padding:1.4rem}.hero-panel--public{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;background:linear-gradient(180deg,#ffe2a8e6,#fff8efcc),var(--surface)}.hero-panel h1,.sidebar-card h1,.page-header h2,.section-header h3,.card-header h3,.notice-card h3,.stat-card strong{font-family:var(--font-display);line-height:.96}.hero-panel h1,.sidebar-card h1,.page-header h2{font-size:clamp(2.2rem,4vw,4.4rem)}.hero-panel p,.sidebar-card p,.page-header p,.section-header p,.notice-card p,.card p,.shell-hint,.inline-note{color:var(--text-soft)}.hero-grid,.card-grid,.stats-grid,.field-grid,.content-stack{display:grid;gap:1rem}.hero-grid,.stats-grid,.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid--compact{grid-template-columns:minmax(0,1fr) auto;align-items:end}.field-grid--full,.field--full{grid-column:1/-1}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.shell-main{display:grid;gap:1rem;align-content:start;min-width:0}.shell-topbar{display:flex;justify-content:flex-end;align-items:center}.shell-topbar--dashboard{justify-content:space-between}.shell-topbar__summary,.shell-topbar__stats{display:grid;gap:.3rem}.shell-topbar__stats{justify-items:end;padding:.9rem 1.1rem;border:1px solid rgba(239,91,42,.14);border-radius:var(--radius-md);background:#ffffff9e}.shell-topbar__metric-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.shell-topbar__stats strong{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.4rem);line-height:.95}.pill-nav,.sidebar-nav,.badge-row,.action-row{display:flex;flex-wrap:wrap;gap:.75rem}.pill-nav a,.sidebar-nav a{text-decoration:none;border-radius:999px;border:1px solid transparent;padding:.75rem 1rem;font-weight:700;transition:.16s ease}.pill-nav a{background:#ffffffb8}.sidebar-nav{flex-direction:column}.sidebar-card{display:grid;gap:1.25rem;align-content:start}.sidebar-card--household{position:sticky;top:1.5rem;height:calc(100vh - 3rem);overflow:auto}.sidebar-card__identity,.sidebar-card__meta,.sidebar-card__actions{display:grid;gap:.45rem}.sidebar-card__member{font-size:1rem;font-weight:800;color:var(--text)}.sidebar-card__actions{margin-top:auto}.mobile-shell-header,.mobile-nav-backdrop,.mobile-tabbar{display:none}.mobile-tabbar__action{font:inherit}.sidebar-nav a{background:#ffffff8f}.pill-nav a:hover,.pill-nav a.is-active,.sidebar-nav a:hover,.sidebar-nav a.is-active{transform:translateY(-1px);border-color:#ef5b2a33;background:linear-gradient(135deg,#ffc470d9,#ff8c42eb);color:#fffaf2}.page-panel{min-height:0}.page-panel--dashboard{background:#fffcf7eb}.eyebrow,.chip,.status-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--accent-strong)}.chip,.status-pill{padding:.35rem .8rem;background:#1b998b1f;color:#11665d}.chip--soft{background:#2b1d0f0f;color:var(--text-soft)}.chip--warning{background:#ffbf6938;color:#9b5b00}.chip--muted{background:#2b1d0f17;color:#2b1d0fb8}.status-pill--admin{background:#e639731f;color:#9d174d}.page-header,.section-header,.card-header{display:grid;gap:.35rem}.section-header,.card-header{margin-bottom:.5rem}.notice-card{display:grid;gap:.6rem}.notice-card--highlight{background:linear-gradient(160deg,#ffd6a5e6,#fff8eff2)}.form-card,.card,.content-stack{display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field span{font-size:.88rem;font-weight:700;color:var(--text-soft)}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(43,29,15,.12);border-radius:var(--radius-sm);background:#fffc;color:var(--text);padding:.95rem 1rem;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#ef5b2a66;box-shadow:0 0 0 4px #ff8c4224}.field textarea{resize:vertical;min-height:7rem}.field--color input{min-height:3.3rem;padding:.4rem}.field--checkbox{align-content:end}.field--checkbox input{width:1.2rem;height:1.2rem;padding:0}.btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fffaf4;padding:.9rem 1.25rem;font-weight:800;box-shadow:0 14px 26px #ef5b2a38;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #ef5b2a47}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--secondary{background:linear-gradient(135deg,var(--accent-cool) 0%,#0d8b7f 100%);box-shadow:0 14px 26px #1b998b2e}.btn--ghost{background:#fff9;color:var(--text);box-shadow:none;border:1px solid var(--border)}.btn--danger{background:linear-gradient(135deg,#c94b64,#a12244);box-shadow:0 14px 26px #a1224438}.btn--wide{width:100%}.alert{border-radius:var(--radius-md);padding:.95rem 1.1rem;font-weight:700}.alert--error{background:#d1495b1f;color:#8e2434}.alert--success{background:#52b78824;color:#206846}.stats-grid{margin-bottom:.25rem}.stat-card{display:grid;gap:.35rem}.stat-card strong{font-size:clamp(2rem,4vw,3.5rem)}.stat-card--accent{background:linear-gradient(160deg,#ffc470f2,#ff8c42e0);color:#fffaf2}.stat-card--accent span,.stat-card--accent strong{color:inherit}.quest-card{display:grid;gap:1rem;border:1px solid rgba(255,160,122,.22);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffbf5f5,#fff4e3f5);padding:1.2rem}.quest-card--pending{border-color:#ffbf6973;background:linear-gradient(180deg,#fffbf5f5,#fff1d3f5)}.quest-card--locked{border-color:#2b1d0f29;background:linear-gradient(180deg,#f9f5eff5,#eee8ddf5);opacity:.88}.quest-card--locked .quest-card__icon{background:#2b1d0f1a}.quest-card__icon{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:1.6rem;background:#ff8c422e;font-size:2rem}.quest-card__icon-image{width:4.2rem;height:4.2rem;object-fit:contain}.quest-card--locked .quest-card__icon-image{filter:saturate(.72);opacity:.82}.quest-card__content{display:grid;gap:.8rem}.inline-note--locked{color:#2b1d0fb8;font-weight:700}.quest-card__topline{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem}.profile-card{display:grid;gap:.5rem;align-items:start;text-align:left;border:1px solid rgba(43,29,15,.1);border-radius:var(--radius-lg);background:#ffffffb3;padding:1rem}.profile-card.is-selected{border-color:#ef5b2a59;transform:translateY(-2px);box-shadow:0 16px 28px #ef5b2a24}.profile-dot{display:inline-block;width:1rem;height:1rem;border-radius:999px}.profile-dot--large{width:1.6rem;height:1.6rem}.token-output{font-size:1.1rem;font-weight:800;letter-spacing:.06em;word-break:break-all}.inline-note{font-size:.92rem}.icon-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.75rem}.icon-picker--dialog{max-height:min(60vh,560px);overflow:auto;overscroll-behavior:contain;padding-right:.25rem}.icon-field-trigger{display:flex;align-items:center;justify-content:space-between;gap:.9rem;width:100%;padding:.9rem 1rem;border:1px dashed rgba(43,29,15,.18);border-radius:var(--radius-md);background:#ffffff9e;color:var(--text);box-shadow:none}.icon-field-trigger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 24px #2b1d0f14}.icon-field-trigger__image{width:3.1rem;height:3.1rem;object-fit:contain;flex:0 0 auto}.icon-field-trigger__content{display:grid;gap:.1rem;text-align:left;flex:1 1 auto}.icon-field-trigger__content strong{font-size:.98rem;line-height:1.1}.icon-field-trigger__content small,.icon-field-trigger__placeholder{color:var(--text-soft);font-weight:700}.icon-field-trigger__placeholder{text-align:left;flex:1 1 auto}.icon-field-trigger__action{flex:0 0 auto;font-size:.84rem;font-weight:800;color:var(--accent-strong)}.icon-option{display:grid;place-items:center;gap:.5rem;border:1px solid rgba(43,29,15,.12);border-radius:var(--radius-md);background:#ffffffbd;padding:.8rem .65rem;color:var(--text);box-shadow:none}.icon-option:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #2b1d0f14}.icon-option.is-selected{border-color:#ef5b2a6b;background:linear-gradient(180deg,#ffe0b8db,#fff7e8eb);box-shadow:0 14px 26px #ef5b2a29}.icon-option--empty{place-items:center;background:#fffaf2eb}.icon-option__image{width:3rem;height:3rem;object-fit:contain}.icon-option__label,.icon-option__empty{font-size:.78rem;font-weight:800;line-height:1.15;text-align:center}.icon-preview{display:flex;align-items:center;gap:.75rem;min-height:4rem;padding:.85rem 1rem;border:1px dashed rgba(43,29,15,.16);border-radius:var(--radius-md);background:#ffffff85;color:var(--text-soft);font-weight:700}.icon-preview__image{width:2.75rem;height:2.75rem;object-fit:contain;flex:0 0 auto}.overlay-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.25rem;background:#2b1d0f6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain}.overlay-card{width:min(900px,100%);max-height:min(80vh,760px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffaf2fa;box-shadow:0 28px 70px #1c0f083d;padding:1.25rem;display:grid;gap:1rem}.overlay-card__header{display:flex;justify-content:space-between;align-items:start;gap:1rem}@media (max-width: 1100px){.app-frame--public,.app-frame--dashboard{grid-template-columns:1fr}}@media (max-width: 720px){.app-frame{padding:.85rem;gap:.85rem}.app-frame--dashboard-shell{display:block;padding-top:5.7rem;padding-bottom:6.8rem}.mobile-shell-header{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:#fffaf2f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 32px #2b1d0f1a}.mobile-shell-header__title{display:grid;gap:.2rem;min-width:0}.mobile-shell-header__meta{display:grid;gap:.1rem;justify-items:end;text-align:right;flex:0 0 auto}.mobile-shell-header__title strong,.mobile-shell-header__title small,.mobile-shell-header__meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-shell-header__title strong{font-size:1rem;font-weight:800}.mobile-shell-header__title small{color:var(--text-soft);font-size:.84rem;font-weight:700}.mobile-shell-header__meta strong{font-family:var(--font-display);font-size:1.35rem;line-height:.95}.mobile-shell-header__meta small{color:var(--text-soft);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-nav-backdrop{position:fixed;inset:0;z-index:45;display:block;border:0;padding:0;background:#2b1d0f47}.sidebar-card--household{position:fixed;inset:4.9rem .85rem 6.2rem;z-index:50;height:auto;max-height:calc(100vh - 11.9rem);border-radius:var(--radius-lg);padding:1rem;transform:translateY(-.75rem);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.sidebar-card--household.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.shell-main--dashboard{gap:.75rem}.hero-grid,.field-grid--two,.field-grid--compact{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.stat-card{padding:.9rem;border-radius:var(--radius-md)}.stat-card strong{font-size:clamp(1.45rem,9vw,2rem);line-height:1}.quest-card__topline,.shell-topbar,.shell-topbar--dashboard,.overlay-card__header{align-items:start;flex-direction:column}.shell-topbar--dashboard{display:none}.mobile-tabbar{position:fixed;left:.85rem;right:.85rem;bottom:.85rem;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(4.35rem,1fr);gap:.55rem;padding:.55rem;border:1px solid var(--border);border-radius:calc(var(--radius-lg) + .2rem);background:#fffaf2f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 38px #2b1d0f24;overflow-x:auto;overscroll-behavior-x:contain}.mobile-tabbar a,.mobile-tabbar__action{display:grid;gap:.2rem;justify-items:center;align-content:center;min-height:4rem;min-width:0;padding:.6rem .45rem;border:1px solid transparent;border-radius:var(--radius-md);background:#ffffff8a;color:var(--text-soft);text-decoration:none;box-shadow:none}.mobile-tabbar a.is-active,.mobile-tabbar a:hover,.mobile-tabbar__action.is-active,.mobile-tabbar__action:hover{border-color:#ef5b2a33;background:linear-gradient(135deg,#ffc470e0,#ff8c42f0);color:#fffaf2}.mobile-tabbar__icon{font-size:1.15rem;line-height:1}.mobile-tabbar__label{font-size:.68rem;font-weight:800;line-height:1.1;text-align:center}.page-panel,.sidebar-card,.hero-panel,.notice-card,.form-card,.card,.stat-card,.mini-card{border-radius:var(--radius-lg);padding:1rem}.page-header p,.section-header p,.card p,.notice-card p,.inline-note{font-size:.92rem}.sidebar-card h1{font-size:clamp(1.8rem,9vw,2.4rem)}.sidebar-nav a,.btn{padding:.82rem 1rem}.card-grid{grid-template-columns:1fr}.quest-card{grid-template-columns:auto minmax(0,1fr);column-gap:.8rem;row-gap:.75rem;align-items:start;padding:.95rem}.quest-card__icon{width:4rem;height:4rem;border-radius:1.2rem}.quest-card__icon-image{width:3rem;height:3rem}.quest-card__content{gap:.55rem}.quest-card__topline{gap:.45rem;flex-wrap:wrap}.quest-card__topline h3{font-size:1.08rem;line-height:1.08}.quest-card .badge-row{gap:.4rem}.quest-card .chip{font-size:.75rem;padding:.25rem .55rem}.quest-card .inline-note{font-size:.82rem}.quest-card>.btn--wide{grid-column:1/-1}}@media (max-width: 360px){.stats-grid{grid-template-columns:1fr}}