:root{--navy-900:#0a1f3c;--navy:#0b3a78;--blue:#1467d6;--blue-600:#0f56b8;--blue-50:#ecf3fd;--blue-100:#d8e7fb;--sky:#5aa3f5;--cream:#fef0da;--orange:#f39200;--success:#17915a;--success-50:#e7f6ee;--amber:#d98a07;--amber-50:#fff5e0;--danger:#cf3b33;--danger-50:#fdeceb;--text-strong:#0f2440;--text:#4c5d73;--text-muted:#7b8a9d;--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafd;--border:#e3e9f1;--border-strong:#cfd9e5;--gold:#e3a82b;--silver:#9aa8b8;--bronze:#c27a45;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, sans-serif;--fs-display:32px;--fs-title:24px;--fs-section:18px;--fs-body:15px;--fs-meta:13px;--fs-micro:11px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--gutter:16px;--r-card:16px;--r-control:12px;--r-pill:999px;--shadow-sm:0 1px 2px #0f24400f, 0 1px 1px #0f24400a;--shadow-md:0 6px 18px #0f244014;--shadow-lg:0 18px 48px #0f24402e;--shell-max-w:440px;--header-h:56px;--nav-h:64px;--touch:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2, .8, .2, 1);--dur:.18s}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}html{font:400 var(--fs-body) / 1.45 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}body{background:var(--bg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:320px;position:fixed;inset:0}#root{place-items:center;height:100%;display:grid}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,strong{color:var(--text-strong)}h1,h2{font-size:var(--fs-title);letter-spacing:-.02em;font-weight:750;line-height:1.2}h3{font-size:var(--fs-section);font-weight:700;line-height:1.3}h4{font-size:var(--fs-body);font-weight:700}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}a{color:var(--blue)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}input,textarea,select{font-size:16px}:focus-visible{outline-offset:2px;outline:3px solid #1467d659}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{width:100%;max-width:var(--shell-max-w);background:var(--bg);isolation:isolate;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.app-shell-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.overlay-root{z-index:100;pointer-events:none;position:absolute;inset:0}.overlay-root>*{pointer-events:auto}@media (width>=600px) and (height>=700px){body{background:radial-gradient(circle at 20% 10%,#1467d61a,#0000 40%),radial-gradient(circle at 80% 90%,#f3920014,#0000 40%),#e9eef5}.app-shell{border:1px solid var(--border-strong);height:min(100% - 48px,900px);box-shadow:var(--shadow-lg);border-radius:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{background:var(--bg);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.screen[hidden]{display:none}.screen-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0;padding:var(--sp-4) var(--gutter) calc(var(--sp-6) + var(--sp-2));gap:var(--sp-4);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.screen-body::-webkit-scrollbar{display:none}.screen-body>*,.sheet-body>*{flex-shrink:0}.screen-body:focus{outline:none}.screen-header{align-items:center;gap:var(--sp-2);height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) var(--sp-2) 0;background:var(--surface);border-bottom:1px solid var(--border);flex:none;grid-template-columns:1fr auto 1fr;display:grid}.screen-header-side{min-width:var(--touch);align-items:center;display:flex}.screen-header-actions{justify-content:flex-end;gap:var(--sp-1)}.screen-header-title{color:var(--text-strong);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.screen-header-title h1{letter-spacing:0;font-size:17px}.screen-footer{padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border);flex:none}.brand-mark{align-items:center;gap:var(--sp-2);padding-left:var(--sp-2);display:inline-flex}.brand-mark img{width:32px;height:32px}.brand-word{letter-spacing:-.04em;color:var(--navy);font-size:22px;font-weight:900}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-5);border-radius:var(--r-control);font-size:var(--fs-body);text-align:center;transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease), opacity var(--dur);border:1px solid #0000;font-weight:650;line-height:1.2;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55}.btn[aria-busy=true]{opacity:.85}.btn-sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-meta);border-radius:10px}.btn-block{width:100%}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-600)}.btn-secondary{background:var(--surface);color:var(--text-strong);border-color:var(--border-strong)}.btn-ghost{background:var(--blue-50);color:var(--blue)}.btn-danger{background:var(--danger);color:#fff}.btn-link{min-height:36px;padding:0 var(--sp-2);color:var(--blue);background:0 0}.icon-btn{width:44px;height:44px;color:var(--text-strong);transition:background-color var(--dur);border-radius:50%;place-items:center;display:inline-grid;position:relative}.icon-btn:active{background:var(--blue-50)}.icon-btn-soft{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px}.icon-btn-badge{border:2px solid var(--surface);background:var(--orange);border-radius:50%;width:9px;height:9px;position:absolute;top:10px;right:11px}.loader{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-6) 0;color:var(--text-muted);font-size:var(--fs-meta);text-align:center;flex-direction:column;display:flex}.loader-lg{gap:var(--sp-4);font-size:var(--fs-body)}.spinner{border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.spinner:before{content:"";border:3px solid var(--blue-100);border-top-color:var(--blue);border-radius:50%;animation:.8s linear infinite xdc-spin;position:absolute;inset:0}.spinner-sm{width:18px;height:18px}.spinner-sm:before{border-width:2px;border-color:currentColor #ffffff59 #ffffff59}.btn-secondary .spinner-sm:before,.btn-ghost .spinner-sm:before,.btn-link .spinner-sm:before{border-color:var(--blue-100);border-top-color:var(--blue)}.spinner-md{width:36px;height:36px}.spinner-lg{width:76px;height:76px}.spinner-lg:before{border-width:4px}.spinner-lg img{width:44px;height:44px;animation:xdc-breathe 1.6s var(--ease) infinite;border-radius:12px}.screen-loader{background:var(--bg);flex:1;place-items:center;width:100%;min-height:0;display:grid}@keyframes xdc-spin{to{transform:rotate(360deg)}}@keyframes xdc-breathe{50%{transform:scale(.92)}}.card{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-sm);padding:var(--sp-4);position:relative}.card-flush{padding:0;overflow:hidden}.card-soft{background:var(--surface-2);box-shadow:none}.card-brand{color:#dce8fb;background:radial-gradient(circle at 100% 0%, #5aa3f573, transparent 55%), linear-gradient(150deg, var(--navy) 0%, var(--navy-900) 100%);border:0;box-shadow:0 10px 28px #0b3a7847}.card-brand h2,.card-brand h3,.card-brand strong{color:#fff}.card-success{background:linear-gradient(160deg, #f1fbf5, var(--surface));border-color:#bfe6d1}.section{gap:var(--sp-3);flex-direction:column;display:flex}.section-header{align-items:baseline;gap:var(--sp-2);min-height:28px;display:flex}.section-title{font-size:var(--fs-section);flex:1}.section-meta{color:var(--text-muted);font-size:var(--fs-meta);font-weight:600}.eyebrow{color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.meta{color:var(--text-muted);font-size:var(--fs-meta)}.pill{border-radius:var(--r-pill);background:var(--blue-50);min-height:24px;color:var(--blue);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill-success{background:var(--success-50);color:var(--success)}.pill-amber{background:var(--amber-50);color:var(--amber)}.pill-muted{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.pill-danger{background:var(--danger-50);color:var(--danger)}.notice{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-control);font-size:var(--fs-meta);background:var(--blue-50);color:var(--navy);line-height:1.45;display:flex}.notice .icon{flex:none;margin-top:1px}.notice-body{flex:1;min-width:0}.notice-body p+p{margin-top:4px}.notice-success{background:var(--success-50);color:#0f6b42}.notice-warning{background:var(--amber-50);color:#8a5600}.notice-error{background:var(--danger-50);color:#9c2a24}.notice .btn{align-self:center}.empty-state{align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);text-align:center;flex-direction:column;display:flex}.empty-state-icon{width:56px;height:56px;margin-bottom:var(--sp-1);background:var(--blue-50);color:var(--blue);border-radius:50%;place-items:center;display:grid}.empty-state-title{color:var(--text-strong);font-size:var(--fs-section);font-weight:700}.empty-state-text{max-width:300px;color:var(--text);font-size:var(--fs-body)}.empty-state .btn{margin-top:var(--sp-3)}.form-stack{gap:var(--sp-4);flex-direction:column;display:flex}.field,.field-wrap{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-strong);font-size:var(--fs-meta);font-weight:650}.field-hint{color:var(--text-muted);font-size:12px}.input,.field input:not([type=checkbox]):not([type=file]),.field textarea,.field select{width:100%;min-height:var(--touch);border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);color:var(--text-strong);transition:border-color var(--dur), box-shadow var(--dur);padding:12px 14px}.field textarea{resize:none;min-height:96px;line-height:1.45}.input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1467d626}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237b8a9d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.toggle-row{align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-2) 0;cursor:pointer;display:flex;position:relative}.toggle-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toggle-label{color:var(--text-strong);font-size:var(--fs-body);font-weight:550}.toggle-description{color:var(--text-muted);font-size:12.5px;line-height:1.4}.toggle-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-input:disabled{cursor:not-allowed}.toggle-track{border-radius:var(--r-pill);background:var(--border-strong);width:50px;height:30px;transition:background-color var(--dur) var(--ease);flex:none;position:relative}.toggle-thumb{width:24px;height:24px;transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0f244033}.toggle-input:checked+.toggle-track{background:var(--success)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.toggle-input:focus-visible+.toggle-track{outline-offset:2px;outline:3px solid #1467d659}.toggle-input:disabled+.toggle-track{opacity:.5}.toggle-list{flex-direction:column;display:flex}.toggle-list>.toggle-row+.toggle-row{border-top:1px solid var(--border)}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled .toggle-row{opacity:.55}legend{margin-bottom:var(--sp-1);padding:0}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{position:absolute;inset:0}.ring-track{stroke:var(--blue-100)}.ring-value{stroke:var(--blue);transition:stroke-dashoffset .6s var(--ease)}.ring-success .ring-value{stroke:var(--success)}.ring-onDark .ring-track{stroke:#ffffff29}.ring-onDark .ring-value{stroke:#fff}.ring-center{text-align:center;flex-direction:column;align-items:center;line-height:1.05;display:flex;position:relative}.bar{border-radius:var(--r-pill);background:var(--blue-100);height:8px;overflow:hidden}.bar>span{border-radius:inherit;background:var(--blue);height:100%;transition:width .5s var(--ease);display:block}.bar-success>span{background:var(--success)}.card-brand .bar{background:#ffffff29}.card-brand .bar>span{background:#fff}.stat-grid{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.stat{padding:var(--sp-1) var(--sp-1);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.stat+.stat{border-left:1px solid var(--border)}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat span{color:var(--text-muted);font-size:12px}.segmented{border-radius:var(--r-control);background:#e8edf4;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{min-height:38px;padding:0 var(--sp-2);color:var(--text);transition:background-color var(--dur), color var(--dur);border-radius:9px;font-size:14px;font-weight:650}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-sm)}.segmented button:disabled{opacity:.45}.avatar{border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.avatar-group{border-radius:30%}.avatar-xs{width:22px;height:22px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:56px;height:56px;font-size:22px}.avatar-xl{width:84px;height:84px;font-size:34px}.avatar-blue{color:#1453a8;background:#dbe9fc}.avatar-green{color:#12744a;background:#d9f1e4}.avatar-amber{color:#9a5d00;background:#fdebc8}.avatar-violet{color:#5b45b0;background:#e6e1fb}.avatar-rose{color:#a5374a;background:#fbe0e3}.avatar-teal{color:#0f6f6b;background:#d4f0ef}.list-group{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.list-row{align-items:center;gap:var(--sp-3);width:100%;min-height:54px;padding:0 var(--sp-4);color:var(--text-strong);font-size:var(--fs-body);text-align:left;font-weight:550;display:flex}.list-group>*+*{border-top:1px solid var(--border)}.list-row:active{background:var(--surface-2)}.list-row-icon{background:var(--blue-50);width:34px;height:34px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.list-row-label{flex:1}.list-row-detail{max-width:45%;color:var(--text-muted);font-size:var(--fs-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.list-row-chevron{color:var(--text-muted)}.list-row-danger,.list-row-danger .list-row-icon{color:var(--danger)}.list-row-danger .list-row-icon{background:var(--danger-50)}.bottom-nav{z-index:20;height:calc(var(--nav-h) + var(--safe-bottom));padding:0 var(--sp-1) var(--safe-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px);background:#fffffff5;flex:none;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:relative}.bottom-nav-item{height:var(--nav-h);color:var(--text-muted);transition:color var(--dur);flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding-bottom:9px;display:flex}.bottom-nav-item[aria-pressed=true]{color:var(--blue)}.bottom-nav-label{font-size:11px;font-weight:650}.bottom-nav-fox{background:var(--surface);border:1px solid var(--border);width:58px;height:58px;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:20px;place-items:center;margin-top:-26px;display:grid;box-shadow:0 8px 20px #0b3a7838}.bottom-nav-fox img{border-radius:13px;width:46px;height:46px}.bottom-nav-feed[aria-pressed=true] .bottom-nav-fox{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100), 0 8px 20px #0b3a7842}.bottom-nav-feed:active .bottom-nav-fox{transform:scale(.94)}.sheet-backdrop{animation:xdc-fade var(--dur) var(--ease);background:#0a1f3c6b;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{width:100%;max-height:calc(100% - 48px - var(--safe-top));background:var(--surface);box-shadow:var(--shadow-lg);animation:xdc-sheet-up .26s var(--ease);border-radius:22px 22px 0 0;flex-direction:column;display:flex}.sheet-grabber{border-radius:var(--r-pill);background:var(--border-strong);align-self:center;width:38px;height:5px;margin-top:8px}.sheet-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--gutter) var(--sp-2);display:flex}.sheet-header h2{font-size:20px}.sheet-body{overscroll-behavior:contain;min-height:0;padding:var(--sp-2) var(--gutter) var(--sp-5);gap:var(--sp-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet-footer{gap:var(--sp-2);padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + var(--safe-bottom));border-top:1px solid var(--border);display:flex}.sheet-footer .btn{flex:1}@keyframes xdc-fade{0%{opacity:0}}@keyframes xdc-sheet-up{0%{transform:translateY(100%)}}@keyframes xdc-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes xdc-rise{0%{opacity:0;transform:translateY(8px)}}.select-menu{flex-direction:column;gap:6px;min-width:0;display:flex}.select-trigger{align-items:center;gap:var(--sp-2);width:100%;min-height:var(--touch);border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);color:var(--text-strong);font-size:var(--fs-body);text-align:left;padding:0 12px 0 14px;display:flex}.select-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px #1467d626}.select-trigger:disabled{opacity:.6}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-leading{color:var(--blue);flex:none;place-items:center;display:inline-grid}.select-caret{color:var(--text-muted);flex:none}.select-menu-chip .select-trigger{border-color:var(--border);border-radius:var(--r-pill);background:var(--surface-2);gap:5px;width:auto;max-width:190px;min-height:30px;padding:0 8px 0 6px;font-size:12.5px;font-weight:650}.select-list{max-height:60%;animation:xdc-fade .14s var(--ease);overflow-y:auto}.select-list-above{transform:translateY(-100%)}.select-option{min-height:52px}.select-option[aria-selected=true]{background:var(--blue-50)}.select-option-copy{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.select-option-description{color:var(--text-muted);font-size:12px;font-weight:500}.select-check{color:var(--blue)}.tooltip-anchor{display:contents}.tooltip{z-index:5;background:var(--text-strong);max-width:220px;color:var(--surface);text-align:center;white-space:normal;pointer-events:none;opacity:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.3;position:absolute}.tooltip.is-placed{opacity:1;animation:xdc-tooltip-in .14s var(--ease)}.tooltip:before{left:var(--tooltip-arrow,50%);background:inherit;content:"";width:8px;height:8px;margin-left:-4px;position:absolute;transform:rotate(45deg)}.tooltip-below:before{top:-4px}.tooltip-above:before{bottom:-4px}@keyframes xdc-tooltip-in{0%{opacity:0;transform:translateY(-3px)}}.tooltip-rich{text-align:left;max-width:240px;padding:10px 12px}.user-card{flex-direction:column;gap:2px;display:flex}.user-card strong{color:#fff;font-size:13px;font-weight:750}.user-card span{color:#ffffffc7;font-size:12px;font-weight:500}.page-intro{padding-top:var(--sp-1);flex-direction:column;gap:4px;display:flex}.page-intro p{color:var(--text-muted);font-size:var(--fs-body)}.page-intro-row{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-direction:row}.page-intro-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.stack-list{gap:var(--sp-3);flex-direction:column;display:flex}.field-pair{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.button-row{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.button-stack{gap:var(--sp-3);flex-direction:column;display:flex}.card-text{margin:var(--sp-2) 0 var(--sp-3);color:var(--text)}.fieldset-legend{padding-top:var(--sp-3);display:block}.chip-row{gap:var(--sp-2);margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip-row-wrap{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.chip{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);min-height:36px;color:var(--text);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--blue);background:var(--blue-50);color:var(--blue)}.chip-check:has(input:checked){border-color:var(--blue);background:var(--blue-50);color:var(--blue)}.chip-check input{width:16px;height:16px;accent-color:var(--blue);margin:0}.shell-banners{left:var(--sp-3);right:var(--sp-3);bottom:calc(var(--sp-4) + var(--safe-bottom));z-index:90;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.app-shell:has(.bottom-nav) .shell-banners{bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--sp-4))}.shell-banners>*{pointer-events:auto;animation:xdc-rise .3s var(--ease)}.system-banner{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-card);background:var(--navy);color:#fff;font-size:var(--fs-meta);box-shadow:var(--shadow-lg);display:flex}.system-banner-offline{background:var(--amber-50);color:#7a4c00;border:1px solid #f3dca8}.install-card{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-1) var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-lg);display:flex}.install-card img{border-radius:10px}.install-card-copy{flex-direction:column;flex:1;min-width:0;font-size:12.5px;line-height:1.3;display:flex}.install-card-copy strong{font-size:14px}.install-steps{gap:var(--sp-3);flex-direction:column;padding-left:1.3em;list-style:decimal;display:flex}.desktop-guide{justify-content:center;align-items:center;gap:var(--sp-4);height:100%;padding:var(--sp-6);text-align:center;flex-direction:column;display:flex}.desktop-guide-steps{gap:var(--sp-2);text-align:left;flex-direction:column;padding-left:1.3em;list-style:decimal;display:flex}.login-body{justify-content:center;gap:var(--sp-6);padding:calc(var(--sp-6) + var(--safe-top)) var(--sp-6) calc(var(--sp-6) + var(--safe-bottom));background:radial-gradient(circle at 50% 18%,#5aa3f524,#0000 46%),linear-gradient(#fbfcfe 0%,#eef4fb 100%);position:relative}.login-hero{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;display:flex}.login-logo img{width:132px;height:auto;animation:xdc-rise .5s var(--ease)}.login-tagline{color:var(--text);font-size:16px;font-weight:550;line-height:1.5}.login-form{z-index:1;position:relative}.login-footnote{z-index:1;color:var(--text-muted);font-size:var(--fs-meta);text-align:center;position:relative}.login-mountains{pointer-events:none;opacity:.55;height:110px;position:absolute;inset:auto 0 0}.login-mountains span{clip-path:polygon(0 100%,42% 18%,55% 40%,70% 8%,100% 100%);background:linear-gradient(160deg,#cfe3fb,#8fbcf0);width:70%;height:100%;position:absolute;bottom:0}.login-mountains span:nth-child(2){opacity:.7;height:80%;left:35%;transform:scaleX(-1)}.login-mountains span:nth-child(3){opacity:.5;height:60%;left:-15%}.made-by{z-index:1;color:var(--text-muted);box-shadow:0 0 0 1px var(--border);background:#fffc;border-radius:999px;align-self:center;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:11.5px;font-weight:600;display:inline-flex;position:relative}.made-by img{width:auto;height:17px;display:block}.welcome-hero{align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0 0;text-align:center;flex-direction:column;display:flex}.welcome-hero img{box-shadow:var(--shadow-md);border-radius:24px}.welcome-hero p{max-width:320px}.reflection{align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-card);background:var(--cream);color:#8a5300;text-align:center;flex-direction:column;margin:0;display:flex}.reflection blockquote{color:var(--text-strong);margin:0;font-size:16px;font-weight:600;line-height:1.45}.reflection figcaption{font-size:12px;font-weight:600}.dashboard{flex-direction:column;flex:1;min-height:0;display:flex}.dashboard-panes{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.app-header{height:calc(64px + var(--safe-top));padding:var(--safe-top) var(--sp-2) 0;background:var(--surface);border-bottom:1px solid var(--border);flex:none;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;display:grid}.header-group-button,.header-avatar-button{width:48px;height:48px;transition:transform var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.header-group-button{width:auto;color:var(--navy);border-radius:12px;justify-self:start;align-items:center;gap:1px;padding:0 4px;display:inline-flex}.header-avatar-button{justify-self:end}.header-group-button:active,.header-avatar-button:active{transform:scale(.94)}.header-group-caret{color:var(--text-muted)}.header-avatar-button[aria-expanded=true] .avatar{box-shadow:0 0 0 3px var(--blue-100)}.app-header-center{flex-direction:column;align-items:center;min-width:0;line-height:1.15;display:flex}.app-header-center .brand-mark{gap:6px;padding-left:0}.app-header-center .brand-mark img{width:28px;height:28px}.app-header-center .brand-word{font-size:20px}.app-header-context{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.header-logo{transition:transform var(--dur) var(--ease);border-radius:10px;display:inline-flex}.header-logo:active{transform:scale(.95)}.app-header-context{align-items:center;gap:6px;display:inline-flex}.app-header-group{text-overflow:ellipsis;min-width:0;overflow:hidden}.header-status{border-radius:var(--r-pill);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:3px;min-height:18px;padding:0 7px;font-size:11px;font-weight:750;display:inline-flex}.header-status-brand{background:var(--blue-50);color:var(--blue)}.header-status-amber{background:var(--amber-50);color:var(--amber)}.header-status-muted{background:var(--surface-2);color:var(--text-muted)}.header-status:not(:has(svg~*)):has(svg){justify-content:center;width:20px;min-height:20px;padding:0}.feed-post-meta{align-items:center;gap:4px;display:flex}.feed-post-audience{color:var(--text-muted);align-items:center;margin-left:2px;display:inline-flex}.feed-post-audience.is-editable{border-radius:var(--r-pill);color:var(--blue);cursor:pointer;padding:2px 4px;position:relative}.feed-post-audience.is-editable:after{content:"";position:absolute;inset:-10px -8px}.feed-post-audience.is-editable:hover,.feed-post-audience.is-editable:active{background:var(--blue-50)}.menu-backdrop{position:absolute;inset:0}.menu{top:calc(var(--safe-top) + 60px);right:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);min-width:210px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:xdc-menu-in .16s var(--ease);padding:6px;position:absolute}.menu-header{border-bottom:1px solid var(--border);width:268px;margin:-2px -2px 6px;padding:12px}.account-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.account-card-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.account-card-copy strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.account-card-email{color:var(--text-muted);font-size:var(--fs-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-card-level{border-radius:var(--r-pill);background:var(--cream);color:#a35f00;align-self:flex-start;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.account-card-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.account-card-stats>div{background:var(--surface-2);text-align:center;border-radius:10px;padding:8px 6px}.account-card-stats dt{color:var(--text-muted);font-size:10.5px;font-weight:650}.account-card-stats dd{color:var(--text-strong);margin:0;font-size:17px;font-weight:800}.menu-item{align-items:center;gap:var(--sp-3);width:100%;min-height:48px;padding:0 var(--sp-3);color:var(--text-strong);font-size:var(--fs-body);text-align:left;border-radius:10px;font-weight:550;display:flex}.menu-item .icon{color:var(--text-muted)}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.menu-item-danger,.menu-item-danger .icon{color:var(--danger)}.menu-item-danger{border-top:1px solid var(--border);border-radius:0 0 10px 10px;margin-top:4px}@keyframes xdc-menu-in{0%{opacity:0;transform:scale(.92)}}.group-list{gap:var(--sp-4);flex-direction:column;display:flex}.group-list-items{gap:var(--sp-2);flex-direction:column;display:flex}.group-item{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);overflow:hidden}.group-item-active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}.group-item-main{align-items:center;gap:var(--sp-3);width:100%;min-height:64px;padding:var(--sp-3);text-align:left;display:flex}.group-item-copy{flex-direction:column;flex:1;min-width:0;display:flex}.group-item-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-item-check{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.group-item-actions{padding:0 var(--sp-2) var(--sp-1) 60px;justify-content:space-between;display:flex}.btn-link-danger{color:var(--text-muted)}.group-list-entry{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.group-list-entry .btn{padding:0 var(--sp-2);font-size:14px}.today-hero{gap:var(--sp-4);padding:var(--sp-5) var(--sp-4) var(--sp-4);animation:xdc-rise .32s var(--ease);flex-direction:column;display:flex;overflow:hidden}.today-hero-top{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.today-hero-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.today-greeting{color:#b9d3f7;font-size:14px;font-weight:600}.today-challenge{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.2}.today-date{color:#9fbbe3;font-size:var(--fs-meta)}.ring-kicker{color:#b9d3f7;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.ring-kicker-wide{max-width:70px;line-height:1.25}.ring-number{color:#fff;font-size:var(--fs-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:850;line-height:1}.ring-number-dark{color:var(--text-strong)}.ring-kicker-dark{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:12px}.today-hero-progress{gap:var(--sp-2);flex-direction:column;display:flex}.today-hero-progress-row{color:#dce8fb;justify-content:space-between;font-size:14px;display:flex}.activity-list{gap:var(--sp-2);flex-direction:column;display:flex}.activity-item{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur), background-color var(--dur)}.activity-item.is-done{background:#f6fcf8;border-color:#c4e8d4}.activity-row{align-items:center;gap:var(--sp-3);min-height:68px;padding:var(--sp-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.activity-item.is-locked .activity-row{cursor:default;opacity:.6}.activity-input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.activity-row:has(.activity-input:focus-visible){outline-offset:2px;border-radius:var(--r-card);outline:3px solid #1467d659}.activity-row:active .activity-check{transform:scale(.9)}.activity-glyph{background:var(--blue-50);width:44px;height:44px;color:var(--blue);border-radius:13px;flex:none;place-items:center;display:grid}.is-done .activity-glyph{background:var(--success-50);color:var(--success)}.activity-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-title{color:var(--text-strong);font-size:16px;font-weight:650}.activity-details{gap:0 var(--sp-2);color:var(--text-muted);font-size:var(--fs-meta);flex-wrap:wrap;display:flex}.activity-details span+span:before{content:"·";margin-right:var(--sp-2)}.activity-check{border:2px solid var(--border-strong);color:#0000;width:32px;height:32px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.is-done .activity-check{border-color:var(--success);background:var(--success);color:#fff;animation:xdc-pop .26s var(--ease)}.activity-check .spinner-sm:before{border-color:var(--blue-100);border-top-color:var(--blue)}.is-done .activity-check .spinner-sm:before{border-color:#fff #ffffff59 #ffffff59}.today-hero-progress.is-complete .today-hero-progress-row{color:#fff}.today-complete{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.today-complete-badge{color:#fff;background:#34c77b;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.is-celebrating .today-complete-badge{animation:xdc-pop .5s var(--ease)}.today-complete-note{color:#b9d3f7;text-overflow:ellipsis;overflow:hidden}.card-brand .bar-success>span{background:#34c77b}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{--x:calc((var(--i) - 8.5) * 19px);opacity:0;width:7px;height:11px;animation:xdc-confetti 1.5s var(--ease) calc(var(--i) * 20ms) forwards;background:#5aa3f5;border-radius:2px;position:absolute;bottom:30px;left:50%}.confetti i:nth-child(3n){background:var(--orange)}.confetti i:nth-child(3n+1){background:#34c77b}.confetti i:nth-child(2n){--y:-150px}@keyframes xdc-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--x), var(--y,-110px)) rotate(540deg)}}.progress-summary{align-items:center;gap:var(--sp-5);display:flex}.progress-facts{gap:var(--sp-3);flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.progress-facts li{align-items:center;gap:var(--sp-2);display:flex}.progress-fact-icon{background:var(--blue-50);width:30px;height:30px;color:var(--blue);border-radius:9px;flex:none;place-items:center;display:grid}.progress-fact-flame{color:var(--orange);background:#fff1df}.progress-fact-level{background:var(--cream);color:#b26b00}.calendar-card{padding:var(--sp-3)}.calendar-navigation{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.calendar-navigation .icon-btn:disabled{opacity:.3}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{color:var(--text-muted);text-align:center;padding:4px 0;font-size:11px;font-weight:700}.calendar-day,.calendar-day-empty{aspect-ratio:1}.calendar-day{color:var(--text-strong);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:14px;font-weight:600;display:flex;position:relative}.calendar-day-dot{background:0 0;border-radius:50%;width:5px;height:5px}.calendar-day-successful{background:var(--success-50);color:#0f6b42}.calendar-day-successful .calendar-day-dot,.calendar-dot-successful{background:var(--success)}.calendar-day-partial .calendar-day-dot,.calendar-dot-partial{background:var(--sky)}.calendar-day-missed .calendar-day-dot,.calendar-dot-missed{background:var(--text-muted)}.calendar-day-pause{background:var(--amber-50)}.calendar-day-pause .calendar-day-dot,.calendar-dot-pause{background:var(--amber)}.calendar-dot-unlogged{background:var(--border-strong)}.calendar-day-future{color:var(--text-muted);font-weight:500}.calendar-day-today{box-shadow:inset 0 0 0 1.5px var(--blue)}.calendar-day-selected{background:var(--blue);color:#fff;box-shadow:none}.calendar-day-selected:not(.calendar-day-unlogged,.calendar-day-future) .calendar-day-dot{background:#fff}.calendar-legend{justify-content:center;gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;font-size:12px;display:flex}.calendar-legend li{align-items:center;gap:5px;display:flex}.calendar-legend-dot{border-radius:50%;width:8px;height:8px}.history-day-detail{gap:var(--sp-3);flex-direction:column;display:flex}.history-day-heading{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.history-note,.history-progress{color:var(--text);font-size:14px}.history-activity-list{flex-direction:column;display:flex}.history-activity-list li{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;font-size:14px;display:flex}.history-activity-list li+li{border-top:1px solid var(--border)}.history-activity-list li>span:nth-child(2){color:var(--text-strong);flex:1}.history-activity-mark{border:1.5px solid var(--border-strong);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.history-activity-list .is-done .history-activity-mark{border-color:var(--success);background:var(--success);color:#fff}.pause-summary{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.pause-next{margin-top:var(--sp-2);color:var(--amber);font-size:var(--fs-meta);font-weight:600}.pause-request{gap:var(--sp-2);flex-direction:column;display:flex}.pause-request-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.pause-request .pill{text-transform:capitalize}.my-rank{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.my-rank-number{color:#fff;letter-spacing:-.03em;font-size:28px;font-weight:850}.my-rank-copy{font-size:var(--fs-meta);flex-direction:column;flex:1;display:flex}.my-rank .icon{color:var(--gold)}.leaderboard-list{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.leaderboard-entry{align-items:center;gap:4px var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);grid-template-columns:30px 1fr auto;display:grid}.leaderboard-entry+.leaderboard-entry{border-top:1px solid var(--border)}.leaderboard-entry-self{background:var(--blue-50)}.leaderboard-rank{width:28px;height:28px;color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.leaderboard-medal-1 .leaderboard-rank{background:var(--gold);color:#fff}.leaderboard-medal-2 .leaderboard-rank{background:var(--silver);color:#fff}.leaderboard-medal-3 .leaderboard-rank{background:var(--bronze);color:#fff}.leaderboard-medal-1 .avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--gold)}.leaderboard-member{align-items:center;gap:var(--sp-3);text-align:left;min-width:0;display:flex}.leaderboard-member-copy{flex-direction:column;min-width:0;display:flex}.leaderboard-member-copy strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.leaderboard-you{min-height:18px;padding:0 7px;font-size:10.5px}.leaderboard-score{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.leaderboard-score strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.leaderboard-streak{color:var(--orange);align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.leaderboard-progress{grid-column:2/-1;padding-left:52px}.leaderboard-progress .bar{height:4px}.my-position{gap:var(--sp-3);flex-direction:column;display:flex}.my-position-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.my-position-rank{color:var(--blue);font-size:22px;font-weight:850}.my-position-stats{color:var(--text-muted);font-size:var(--fs-meta);justify-content:space-between;display:flex}.my-position-stats strong{color:var(--text-strong)}.ptr{justify-content:center;align-items:center;gap:var(--sp-2);height:0;margin-bottom:calc(var(--sp-4) * -1);color:var(--text-muted);font-size:var(--fs-meta);transition:height .26s var(--ease);font-weight:600;display:flex;overflow:hidden}.feed-screen.is-pulling .ptr{transition:none}.feed-screen.is-pulling{-webkit-user-select:none;user-select:none}.ptr-bubble{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--blue);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:relative}.ptr-arrow{transition:transform var(--dur) var(--ease)}.ptr-armed .ptr-arrow{transform:rotate(180deg)}.ptr-refreshing .ptr-bubble .spinner-sm:before{border-color:var(--blue-100);border-top-color:var(--blue)}.ptr-hint{height:64px;transition-duration:.42s}.ptr-hint .ptr-bubble{border-color:var(--blue-100);box-shadow:0 0 0 4px var(--blue-50), var(--shadow-sm)}.ptr-hint .ptr-label{color:var(--blue)}.ptr-hint .ptr-arrow{animation:.9s ease-in-out infinite xdc-ptr-nudge}.ptr-finger{display:none}.ptr-hint .ptr-finger{width:12px;height:12px;animation:xdc-ptr-drag 1.1s var(--ease) infinite;background:#1467d659;border-radius:50%;margin-left:-6px;display:block;position:absolute;top:-12px;left:50%;box-shadow:0 0 0 4px #1467d61f}@keyframes xdc-ptr-nudge{50%{transform:translateY(4px)}}@keyframes xdc-ptr-drag{0%{opacity:0;transform:translateY(0)scale(.7)}25%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(22px)scale(1)}to{opacity:0;transform:translateY(26px)scale(.7)}}.sr-only-focusable:focus-visible{border-radius:var(--r-pill);background:var(--blue-50);color:var(--blue);align-self:flex-start;font-weight:650;clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;margin:0!important;padding:8px 14px!important;position:static!important;overflow:visible!important}.share-card{gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);background:radial-gradient(circle at 100% 0%, #f3920029, transparent 45%), radial-gradient(circle at 0% 100%, #5aa3f52e, transparent 50%), var(--surface);box-shadow:0 0 0 1px var(--border), var(--shadow-md);border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.share-top{align-items:center;gap:var(--sp-3);display:flex}.share-prompt{min-width:0;min-height:46px;padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);font-size:var(--fs-body);text-align:left;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--dur), box-shadow var(--dur);background:#ffffffd9;flex:1;overflow:hidden}.share-prompt:active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50)}.share-photo{background:linear-gradient(135deg, #ffb547, var(--orange));color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 6px 14px #f392004d}.share-photo:active{transform:scale(.94)}.share-quick{margin:0 calc(var(--sp-4) * -1);padding:2px var(--sp-4) 4px}.share-quick-chip{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);min-height:36px;color:var(--text-strong);white-space:nowrap;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease);flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.share-quick-chip:active{background:var(--blue-50);transform:scale(.95)}.feed-composer{padding-top:calc(var(--sp-4) + 4px);animation:xdc-rise .22s var(--ease);position:relative;overflow:hidden}.feed-composer:before{content:"";background:linear-gradient(90deg, var(--blue), var(--sky), var(--orange));height:4px;position:absolute;inset:0 0 auto}.composer-form{gap:var(--sp-3);flex-direction:column;display:flex}.composer-head{align-items:flex-start;gap:var(--sp-3);margin-right:-8px;display:flex}.composer-head-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.composer-head-copy h3{font-size:var(--fs-body)}.composer-targets{flex-wrap:wrap;gap:6px;display:flex}.composer-text{width:100%;min-height:72px;color:var(--text-strong);resize:none;background:0 0;border:0;padding:0;font-size:17px;line-height:1.45}.composer-text:focus{outline:none}.composer-text::placeholder{color:var(--text-muted)}.composer-photo{border-radius:var(--r-control);background:var(--surface-2);position:relative;overflow:hidden}.composer-photo img{object-fit:cover;width:100%;max-height:240px}.composer-photo .icon-btn{background:#ffffffe6;position:absolute;top:8px;right:8px}.composer-photo-name{align-items:center;gap:var(--sp-2);padding:var(--sp-4);color:var(--text);font-size:var(--fs-meta);display:flex}.composer-emoji{margin:0 calc(var(--sp-4) * -1);padding:0 var(--sp-4);gap:4px}.composer-emoji-button{background:var(--surface-2);width:38px;height:38px;transition:transform var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid}.composer-emoji-button:active{transform:scale(1.25)}.composer-foot{align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border);display:flex}.composer-tool{background:var(--amber-50);width:44px;height:44px;color:var(--orange);cursor:pointer;border-radius:50%;place-items:center;display:grid}.composer-foot:has(#feed-photo-input:focus-visible) .composer-tool{outline-offset:2px;outline:3px solid #1467d659}.composer-spacer{flex:1}.composer-foot .btn{padding:0 var(--sp-4)}.composer-guidelines{color:var(--text-muted);font-size:12px}.composer-guidelines summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.composer-guidelines summary::-webkit-details-marker{display:none}.composer-guidelines p{margin-top:var(--sp-2);line-height:1.45}.feed-post-list{gap:var(--sp-3);transition:opacity var(--dur);flex-direction:column;display:flex}.feed-post{gap:var(--sp-3);flex-direction:column;display:flex}.feed-post-head{justify-content:space-between;align-items:center;margin-right:-8px;display:flex}.feed-post-author{align-items:center;gap:var(--sp-3);text-align:left;min-width:0;display:flex}.feed-post-author-copy{flex-direction:column;min-width:0;display:flex}.feed-post-author-copy .meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-post-body{color:var(--text-strong);font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere}.feed-post-checkin{background:linear-gradient(160deg, #f3fbf6, var(--surface) 60%);border-color:#c4e8d4}.feed-post-automatic{border-radius:var(--r-pill);background:var(--success-50);color:var(--success);align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:650;display:inline-flex}.feed-post-photo{width:calc(100% + 2 * var(--sp-4));max-width:none;max-height:420px;margin:0 calc(var(--sp-4) * -1);object-fit:cover;background:var(--surface-2)}.feed-photo-frame{aspect-ratio:4/3;border-radius:var(--r-control);background:var(--surface-2);place-items:center;display:grid}.feed-photo-message{color:var(--text-muted);font-size:var(--fs-meta)}.feed-post-foot{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.feed-post-reactions{gap:4px;display:flex}.reaction{border-radius:var(--r-pill);min-height:34px;color:var(--text-muted);transition:background-color var(--dur), color var(--dur);align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.reaction:active{transform:scale(.95)}.reaction[aria-pressed=true]{background:var(--blue-50);color:var(--blue)}.reaction[aria-pressed=true] .icon{fill:currentColor}.profile-hero{align-items:center;gap:var(--sp-2);padding-top:var(--sp-6);text-align:center;flex-direction:column;display:flex}.profile-hero .avatar{box-shadow:0 0 0 4px var(--surface), 0 0 0 6px var(--blue-100)}.profile-hero h2{margin-top:var(--sp-2)}.profile-hero .stat-grid{width:100%;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.profile-bio{max-width:320px;color:var(--text);font-size:14px}.award-grid{gap:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.award{padding:var(--sp-3);border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;display:flex}.award strong{font-size:14px}.award>span:last-child{color:var(--text-muted);font-size:12px;line-height:1.35}.award-icon{background:var(--cream);color:#b26b00;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:4px;display:grid}.award-icon-medal{color:var(--gold);background:#fff3d1}.member-hero{align-items:center;gap:var(--sp-3);display:flex}.member-hero>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.danger-zone{border-color:#f2d4d2}.danger-zone>*+*{margin-top:var(--sp-3)}.code-input{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px!important}.notification-list{box-shadow:none}.notification{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.notification-unread{background:var(--blue-50)}.notification-icon{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--blue);border-radius:50%;flex:none;place-items:center;display:grid}.notification-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-copy p{color:var(--text-strong);font-size:14px}.group-discovery-card{gap:var(--sp-3);flex-direction:column;display:flex}.group-discovery-head{align-items:flex-start;gap:var(--sp-3);display:flex}.group-discovery-name{font-size:var(--fs-section)}.group-discovery-card>.pill{align-self:flex-start}