:root,.perch-theme-daylight{--color-surface-page:#f6f1e8;--color-surface-raised:#fbf7ef;--color-surface-sunk:#ece4d2;--color-surface-overlay:#fffe;--color-border-soft:#e2d9c3;--color-border-strong:#c8bb9a;--color-ink-primary:#1f1a12;--color-ink-secondary:#524635;--color-ink-muted:#8a7c62;--color-ink-inverse:#fbf7ef;--color-brand-500:#2f5d4e;--color-brand-600:#204436;--color-brand-100:#dde8df;--color-accent-500:#c17a35;--color-accent-100:#f4e6d0;--color-success-500:#4a7f58;--color-warning-500:#b47a2b;--color-danger-500:#b4523c;--color-danger-100:#f4dcd1;--color-focus-ring:#3a7a63;--color-scrim:#1f1a1266;--font-display:ui-serif, "Fraunces", Charter, Georgia, Cambria, serif;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:22px;--radius-pill:999px;--shadow-none:0 0 0 0 transparent;--shadow-sm:0 1px 2px #1f1a120f, 0 1px 1px #1f1a120a;--shadow-md:0 4px 10px #1f1a1214, 0 2px 4px #1f1a120d;--shadow-lg:0 12px 32px #1f1a1224, 0 4px 10px #1f1a1214;--shadow-focus:0 0 0 3px #3a7a6359}@media (prefers-color-scheme:dark){:root:not([data-theme=daylight]):not([data-theme=paper]){--color-surface-page:#15130d;--color-surface-raised:#1d1a12;--color-surface-sunk:#0f0d08;--color-surface-overlay:#1d1a12ee;--color-border-soft:#2a2518;--color-border-strong:#3d3522;--color-ink-primary:#f3ede1;--color-ink-secondary:#c6bda9;--color-ink-muted:#9e9381;--color-ink-inverse:#15130d;--color-brand-500:#4f9680;--color-brand-600:#71b89f;--color-brand-100:#1f2e26;--color-accent-500:#e3a46c;--color-accent-100:#36281a;--color-success-500:#7fb48d;--color-warning-500:#e5b273;--color-danger-500:#d78568;--color-danger-100:#3a1e17;--color-focus-ring:#71b89f;--color-scrim:#000c;--shadow-focus:0 0 0 3px #71b89f59}}:root[data-theme=dusk],.perch-theme-dusk{--color-surface-page:#15130d;--color-surface-raised:#1d1a12;--color-surface-sunk:#0f0d08;--color-surface-overlay:#1d1a12ee;--color-border-soft:#2a2518;--color-border-strong:#3d3522;--color-ink-primary:#f3ede1;--color-ink-secondary:#c6bda9;--color-ink-muted:#9e9381;--color-ink-inverse:#15130d;--color-brand-500:#4f9680;--color-brand-600:#71b89f;--color-brand-100:#1f2e26;--color-accent-500:#e3a46c;--color-accent-100:#36281a;--color-success-500:#7fb48d;--color-warning-500:#e5b273;--color-danger-500:#d78568;--color-danger-100:#3a1e17;--color-focus-ring:#71b89f;--color-scrim:#000c;--shadow-focus:0 0 0 3px #71b89f59}:root[data-theme=paper],.perch-theme-paper{--color-surface-page:#fbf7ef;--color-surface-raised:#fff;--color-surface-sunk:#f1ebdc}:root[data-theme=daylight],.perch-theme-daylight{--color-surface-page:#f6f1e8;--color-surface-raised:#fbf7ef;--color-surface-sunk:#ece4d2}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--color-surface-page);color:var(--color-ink-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01", "ss03"}body{color:var(--color-ink-primary);font-family:var(--font-sans);background:radial-gradient(1200px 600px at 90% -10%, color-mix(in oklab, var(--color-brand-500) 10%, transparent), transparent 60%), radial-gradient(900px 500px at -10% 110%, color-mix(in oklab, var(--color-accent-500) 10%, transparent), transparent 60%), var(--color-surface-page);background-attachment:fixed;min-height:100vh;font-size:15px;line-height:22px}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.025 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.perch-root,.app-shell,.auth-shell,.public-page{z-index:1;position:relative}a{color:inherit}::selection{background:color-mix(in oklab, var(--color-brand-500) 30%, transparent);color:var(--color-ink-primary)}.perch-root{font-family:var(--font-sans);color:var(--color-ink-primary);background:var(--color-surface-page)}.perch-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font:600 15px/20px var(--font-sans);letter-spacing:.005em;cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;border:1px solid #0000;text-decoration:none;transition:background .16s,border-color .16s,color .16s,box-shadow .22s,transform .12s;display:inline-flex;position:relative}.perch-btn:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--color-focus-ring);outline:none}.perch-btn--primary{background:linear-gradient(180deg, color-mix(in oklab, var(--color-brand-500) 88%, white) 0%, var(--color-brand-500) 55%, var(--color-brand-600) 100%);color:var(--color-ink-inverse);box-shadow:0 1px 0 #fff3 inset, 0 1px 2px #1f1a121a, 0 6px 16px -8px color-mix(in oklab, var(--color-brand-500) 70%, transparent)}@supports (color:lab(0% 0 0)){.perch-btn--primary{box-shadow:0 1px 0 lab(100% -.0000298023 .0000119209/.2) inset, 0 1px 2px #1f1a121a, 0 6px 16px -8px color-mix(in oklab, var(--color-brand-500) 70%, transparent)}}.perch-btn--primary:hover{box-shadow:0 1px 0 #ffffff3d inset, 0 2px 4px #1f1a121f, 0 10px 24px -10px color-mix(in oklab, var(--color-brand-500) 85%, transparent);transform:translateY(-1px)}@supports (color:lab(0% 0 0)){.perch-btn--primary:hover{box-shadow:0 1px 0 lab(100% -.0000298023 .0000119209/.24) inset, 0 2px 4px #1f1a121f, 0 10px 24px -10px color-mix(in oklab, var(--color-brand-500) 85%, transparent)}}.perch-btn--primary:active{transform:translateY(1px)}.perch-btn--secondary{background:color-mix(in oklab, var(--color-surface-raised) 60%, transparent);color:var(--color-ink-primary);border-color:var(--color-border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.perch-btn--secondary:hover{background:var(--color-surface-raised);border-color:var(--color-ink-secondary);transform:translateY(-1px)}.perch-btn--danger{color:var(--color-danger-500);border-color:var(--color-danger-500);background:0 0}.perch-btn--danger:hover{background:var(--color-danger-100)}.perch-btn[disabled],.perch-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none!important}.perch-btn--small{min-height:36px;padding:0 var(--space-4);font-size:13px}.perch-btn--block{width:100%}.perch-avatar{background:var(--color-surface-sunk);color:var(--color-ink-secondary);border-radius:var(--radius-pill);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;overflow:hidden}.perch-avatar img{object-fit:cover;width:100%;height:100%;display:block}.perch-avatar--sm{width:32px;height:32px;font-size:14px}.perch-avatar--md{width:56px;height:56px;font-size:22px}.perch-avatar--lg{width:96px;height:96px;font-size:36px}.perch-avatar--ring{box-shadow:0 0 0 2px var(--color-surface-raised), 0 0 0 4px var(--color-brand-100)}.perch-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font:600 12px/16px var(--font-sans);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;padding:2px 10px;display:inline-flex}.perch-badge__dot{background:currentColor;border-radius:999px;width:6px;height:6px;display:inline-block}.perch-badge--neutral{background:var(--color-surface-sunk);color:var(--color-ink-secondary);border-color:var(--color-border-soft)}.perch-badge--success{background:var(--color-brand-100);color:var(--color-success-500);border-color:var(--color-success-500)}.perch-badge--warning{color:var(--color-warning-500);border-color:var(--color-warning-500);background:#f6ecda}.perch-badge--danger{background:var(--color-danger-100);color:var(--color-danger-500);border-color:var(--color-danger-500)}.perch-badge--brand{background:var(--color-brand-100);color:var(--color-brand-500);border-color:var(--color-brand-500)}.perch-field{gap:var(--space-2);font-family:var(--font-sans);flex-direction:column;display:flex}.perch-field__label{font:600 13px/16px var(--font-sans);color:var(--color-ink-primary);gap:var(--space-2);align-items:baseline;display:inline-flex}.perch-field__required{color:var(--color-danger-500);font-weight:700}.perch-field__hint{color:var(--color-ink-muted);min-height:16px;font-size:12px;font-weight:500}.perch-field__input-wrap{background:var(--color-surface-sunk);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.perch-field__input-wrap:focus-within{border-color:var(--color-focus-ring);box-shadow:var(--shadow-focus);background:var(--color-surface-raised)}.perch-field__prefix{color:var(--color-ink-muted);font-family:var(--font-mono);padding-right:var(--space-2);border-right:1px solid var(--color-border-soft);margin-right:var(--space-3);font-size:13px}.perch-field__input{min-width:0;color:var(--color-ink-primary);font:400 15px/20px var(--font-sans);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-family:inherit}.perch-field__input::placeholder{color:var(--color-ink-muted)}textarea.perch-field__input{resize:vertical;min-height:72px;font-family:var(--font-sans);padding:10px 0}.perch-field__error{color:var(--color-danger-500);font:500 13px/18px var(--font-sans);align-items:center;gap:6px;min-height:18px;display:inline-flex}.perch-field.is-error .perch-field__input-wrap{border-color:var(--color-danger-500);background:var(--color-danger-100)}.perch-link-card{align-items:center;gap:var(--space-4);padding:14px var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-height:56px;color:var(--color-ink-primary);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s;display:flex}.perch-link-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-1px)}.perch-link-card:focus-visible{box-shadow:var(--shadow-focus);border-color:var(--color-focus-ring);outline:none}.perch-link-card__thumb{border-radius:var(--radius-md);background:var(--color-surface-sunk);width:36px;height:36px;color:var(--color-ink-secondary);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.perch-link-card__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.perch-link-card__label{font:600 15px/20px var(--font-sans);color:var(--color-ink-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.perch-link-card__desc{font:400 13px/18px var(--font-sans);color:var(--color-ink-secondary)}.perch-link-card__host{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:12px}.perch-link-card__arrow{color:var(--color-ink-muted);font-size:18px;transition:transform .12s,color .12s}.perch-link-card:hover .perch-link-card__arrow{color:var(--color-ink-primary);transform:translate(2px)}.perch-link-card.is-highlight{background:linear-gradient(140deg, var(--color-accent-100), var(--color-surface-raised) 70%);border-color:var(--color-accent-500)}.perch-link-card.is-highlight .perch-link-card__thumb{background:var(--color-accent-500);color:var(--color-ink-inverse)}.perch-link-card.is-draft{border-style:dashed;border-color:var(--color-warning-500);background:#fbf5e9}.perch-phone{--phone-w:320px;--phone-h:640px;width:var(--phone-w);height:var(--phone-h);background:linear-gradient(160deg, var(--color-surface-sunk), color-mix(in oklab, var(--color-ink-primary) 10%, var(--color-surface-sunk)));box-shadow:0 30px 60px -20px #1f1a1259, 0 10px 20px -10px #1f1a1240, inset 0 0 0 1px color-mix(in oklab, var(--color-ink-primary) 20%, transparent), inset 0 1px 0 #ffffff26;border-radius:32px;flex-direction:column;gap:10px;padding:14px 10px;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.perch-phone{box-shadow:0 30px 60px -20px #1f1a1259, 0 10px 20px -10px #1f1a1240, inset 0 0 0 1px color-mix(in oklab, var(--color-ink-primary) 20%, transparent), inset 0 1px 0 lab(100% -.0000298023 .0000119209/.15)}}.perch-phone__chrome{font:500 11px/14px var(--font-mono);color:var(--color-ink-muted);justify-content:space-between;align-items:center;padding:0 6px 2px;display:flex}.perch-phone__screen{border-radius:calc(var(--radius-xl) - 10px);background:var(--color-surface-page);padding:var(--space-5) var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.perch-phone__header{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.perch-phone__name{font:500 20px/24px var(--font-display);color:var(--color-ink-primary);letter-spacing:-.01em}.perch-phone__handle{font:500 12px/16px var(--font-mono);color:var(--color-ink-muted)}.perch-phone__bio{font:400 13px/18px var(--font-sans);color:var(--color-ink-secondary);text-align:center;max-width:240px}.perch-phone__links{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.perch-social-row{gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.perch-social-row__item{width:44px;height:44px;color:var(--color-ink-secondary);border-radius:var(--radius-pill);background:0 0;justify-content:center;align-items:center;text-decoration:none;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.perch-social-row__item:hover{color:var(--color-brand-500);background:color-mix(in oklab, var(--color-brand-500) 10%, transparent);transform:translateY(-1px)}.perch-social-row__item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.perch-social-row__item svg{stroke-width:1.5px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.app-shell{max-width:1120px;padding:var(--space-6);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:color-mix(in oklab, var(--color-surface-raised) 65%, transparent);border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);top:var(--space-4);z-index:10;display:flex;position:sticky}.app-brand{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink-primary);align-items:baseline;gap:10px;font-size:24px;font-weight:500;text-decoration:none;display:inline-flex}.app-brand__dot{background:radial-gradient(circle at 30% 30%, color-mix(in oklab, var(--color-brand-500) 60%, white), var(--color-brand-500) 70%);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-brand-500) 18%, transparent);border-radius:999px;display:inline-block}.app-nav{align-items:center;gap:2px;display:inline-flex}.app-nav a{padding:10px var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink-secondary);font-size:13px;font-weight:600;text-decoration:none;transition:color .16s,background-color .16s;position:relative}.app-nav a:hover{color:var(--color-ink-primary);background:color-mix(in oklab, var(--color-surface-sunk) 70%, transparent)}.app-nav a[aria-current=page]{color:var(--color-brand-500);background:var(--color-brand-100)}.app-nav a[aria-current=page]:after{content:"";background:var(--color-brand-500);border-radius:999px;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.page-hero{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.page-hero__title{font:500 36px/40px var(--font-display);letter-spacing:-.02em;color:var(--color-ink-primary);gap:var(--space-3);align-items:baseline;margin:0;display:inline-flex}.page-hero__subtitle{color:var(--color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:20px}.page-hero__eyebrow{text-transform:uppercase;letter-spacing:.14em;font:600 11px/14px var(--font-sans);color:var(--color-ink-muted)}.page-hero__right{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.app-footer{padding:var(--space-6) 0;color:var(--color-ink-muted);border-top:1px solid var(--color-border-soft);justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-size:12px;display:flex}.app-panel{background:linear-gradient(180deg, color-mix(in oklab, var(--color-surface-raised) 100%, transparent) 0%, color-mix(in oklab, var(--color-surface-raised) 88%, transparent) 100%);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #1f1a120a,0 20px 40px -24px #1f1a121f;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.1),0 1px 2px lab(9.65716% 1.34289 6.24418/.0392157),0 20px 40px -24px lab(9.65716% 1.34289 6.24418/.121569)}.app-panel:before{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--color-brand-500) 40%, transparent) 50%, transparent 100%);opacity:.4;height:1px;position:absolute;inset:0 0 auto}.app-panel__title{font:500 22px/28px var(--font-display);letter-spacing:-.015em;color:var(--color-ink-primary);margin:0}.app-panel__subtitle{color:var(--color-ink-secondary);margin:0;font-size:13px;line-height:20px}.app-stack{gap:var(--space-4);flex-direction:column;display:flex}.app-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.app-grid{gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.app-grid__col-7,.app-grid__col-5{grid-column:span 12}@media (min-width:960px){.app-grid__col-7{grid-column:span 7}.app-grid__col-5{grid-column:span 5}}.app-url{gap:var(--space-2);font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-surface-sunk);color:var(--color-ink-secondary);border:1px solid var(--color-border-soft);white-space:nowrap;align-items:center;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-flex}.app-url:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-muted);font:600 12px/16px var(--font-sans)}.app-metric{font:500 32px/36px var(--font-display);color:var(--color-ink-primary);letter-spacing:-.015em}.app-metric-sm{font:600 20px/24px var(--font-sans);color:var(--color-ink-primary)}.app-draft-list{gap:var(--space-3);flex-direction:column;display:flex}.app-draft-row{align-items:stretch;gap:var(--space-3);display:flex}.app-draft-row__handle{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);flex-direction:column;justify-content:center;gap:2px;padding:6px;display:flex}.app-draft-row__handle button{color:var(--color-ink-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;width:32px;height:20px;padding:0}.app-draft-row__handle button:disabled{color:var(--color-ink-muted);cursor:not-allowed}.app-draft-row__handle button:hover:not(:disabled){background:var(--color-surface-sunk);color:var(--color-ink-primary)}.app-draft-row__handle button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-draft-row__body{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.app-draft-row__title{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.app-draft-row__title-text{font:600 15px/20px var(--font-sans);color:var(--color-ink-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-draft-row__fields{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:720px){.app-draft-row__fields{grid-template-columns:1fr 1fr}}.app-draft-row__row-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.public-page{min-height:100vh;padding:var(--space-10) var(--space-4) var(--space-10);align-items:center;gap:var(--space-6);background:var(--color-surface-page);color:var(--color-ink-primary);flex-direction:column;display:flex}.public-page__header{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;max-width:420px;display:flex}.public-page__name{font:500 32px/36px var(--font-display);color:var(--color-ink-primary);letter-spacing:-.015em;margin:0}.public-page__handle{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:14px}.public-page__bio{color:var(--color-ink-secondary);text-align:center;max-width:420px;margin:0;font-size:15px;line-height:22px}.public-page__links{gap:var(--space-3);flex-direction:column;width:100%;max-width:420px;display:flex}.public-page__social{margin-top:var(--space-6)}.public-page__footer{color:var(--color-ink-muted);padding-top:var(--space-8);margin-top:auto;font-size:12px}.public-page__footer a{color:var(--color-ink-secondary);text-decoration:none}.app-metric-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.app-metric-card{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.app-trend{min-height:120px;padding-top:var(--space-4);align-items:flex-end;gap:6px;display:flex}.app-trend__col{background:var(--color-brand-100);border-radius:var(--radius-sm);flex:1;min-width:10px;min-height:2px;transition:background-color .12s;position:relative}.app-trend__col[data-today=true]{background:var(--color-brand-500)}.app-trend__col[data-zero=true]{background:var(--color-border-soft)}.app-trend__labels{padding-top:var(--space-2);font:500 10px/14px var(--font-mono);color:var(--color-ink-muted);gap:6px;display:flex}.app-trend__labels span{text-align:center;flex:1}.app-ranking{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-ranking li{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border-soft);display:flex}.app-ranking__label{flex-direction:column;gap:2px;min-width:0;display:flex}.app-ranking__label strong{font-weight:600}.app-ranking__count{font-family:var(--font-mono);color:var(--color-ink-primary);font-weight:600}.app-flash{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid #0000;align-items:center;font-size:13px;font-weight:500;display:flex}.app-flash--success{background:var(--color-brand-100);color:var(--color-success-500);border-color:var(--color-success-500)}.app-flash--warning{color:var(--color-warning-500);border-color:var(--color-warning-500);background:#f6ecda}.app-flash--danger{background:var(--color-danger-100);color:var(--color-danger-500);border-color:var(--color-danger-500)}.app-empty{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-ink-secondary)}.app-empty__title{font:500 20px/26px var(--font-display);color:var(--color-ink-primary);margin:0 0 var(--space-2)}.app-empty__body{max-width:36ch;margin:0 auto;font-size:14px;line-height:20px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.auth-shell{min-height:100vh;padding:var(--space-6);background:var(--color-surface-page);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-8);box-shadow:var(--shadow-md);gap:var(--space-5);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.perch-btn,.perch-link-card,.perch-social-row__item{transition:none!important}.perch-link-card:hover{transform:none!important}}