:root{
--mocha-950:#2A201C;--mocha-900:#3A2C26;--mocha-800:#5E5046;--mocha-700:#68514B;--mocha-600:#755A4F;--mocha-500:#8C6E61;--mocha-400:#A88A7C;
--nude-300:#CDAA9B;--nude-200:#E1C4B0;--blush-100:#EED4CE;--cream-50:#F7EDEA;--white:#FFFFFF;
--ink-navy:#2F3F4E;--ink-navy-700:#24313D;
--success:#6F8A6A;--warning:#C79A5B;--danger:#A4544A;
/* semantic */
--surface-page:var(--mocha-600);--surface-photo:var(--mocha-700);--surface-raised:var(--mocha-500);--surface-deep:var(--mocha-900);
--surface-light:var(--cream-50);--surface-card-light:var(--white);
--text-on-dark:var(--cream-50);--text-on-dark-muted:var(--blush-100);--text-on-light:var(--mocha-800);--text-on-light-muted:var(--mocha-500);--text-accent:var(--ink-navy);
--border-on-dark:rgba(247,237,234,.85);--border-on-dark-subtle:rgba(247,237,234,.35);--border-on-light:var(--nude-300);
--action-primary-bg:var(--cream-50);--action-primary-fg:var(--mocha-800);--action-primary-hover:var(--white);
--action-secondary-fg:var(--cream-50);--action-secondary-border:var(--border-on-dark);
--focus-ring:var(--nude-200);
}
:root{
--font-display:'Poiret One','Josefin Sans',sans-serif;
--font-body:'Yanone Kaffeesatz','Arial Narrow',sans-serif;
--font-label:'Josefin Sans','Century Gothic',sans-serif;
--fs-hero:96px;--fs-display:64px;--fs-h1:48px;--fs-h2:36px;--fs-h3:28px;--fs-lead:26px;--fs-body:22px;--fs-small:18px;--fs-label:13px;--fs-micro:11px;
--fw-thin:200;/* @kind font */--fw-light:300;/* @kind font */--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */
--lh-tight:1.0;/* @kind font */--lh-snug:1.15;/* @kind font */--lh-body:1.35;/* @kind font */
--tracking-display:.04em;--tracking-tagline:.08em;--tracking-label:.28em;--tracking-body:0;
/* semantic */
--type-hero:400 var(--fs-hero)/var(--lh-tight) var(--font-display);
--type-heading:400 var(--fs-h1)/var(--lh-snug) var(--font-display);
--type-body:var(--fw-light) var(--fs-body)/var(--lh-body) var(--font-body);
--type-label:var(--fw-regular) var(--fs-label)/1 var(--font-label);
}
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--container-max:1200px;--gutter:var(--space-6);
}
:root{
--radius-0:0px;--radius-1:2px;--radius-pill:999px;--radius-round:50%;
--border-hair:1px;/* @kind spacing */--border-frame:2px;/* @kind spacing */
--shadow-none:none;--shadow-photo:0 24px 60px -24px rgba(42,32,28,.55);--shadow-pop:0 12px 32px -8px rgba(42,32,28,.45);
--overlay-scrim:rgba(42,32,28,.55);--overlay-glass:rgba(117,90,79,.72);--blur-glass:12px;/* @kind other */
--ease-soft:cubic-bezier(.25,.1,.25,1);/* @kind other */--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--dur-fast:150ms;/* @kind other */--dur-base:280ms;/* @kind other */--dur-slow:700ms;/* @kind other */
}
:root{
--gradient-glow:radial-gradient(90% 70% at 72% 18%, rgba(238,212,206,.85) 0%, rgba(205,170,155,.45) 28%, rgba(117,90,79,0) 62%), radial-gradient(70% 60% at 10% 100%, rgba(58,44,38,.7) 0%, rgba(58,44,38,0) 70%), linear-gradient(165deg, #8C6E61 0%, #755A4F 45%, #5E5046 100%);/* @kind color */
--gradient-silk:linear-gradient(135deg, #F7EDEA 0%, #EED4CE 18%, #CDAA9B 42%, #8C6E61 72%, #5E5046 100%);/* @kind color */
--gradient-dusk:linear-gradient(180deg, #755A4F 0%, #5E5046 55%, #3A2C26 100%);/* @kind color */
--gradient-night:radial-gradient(80% 60% at 50% 115%, rgba(47,63,78,.85) 0%, rgba(47,63,78,0) 70%), linear-gradient(180deg, #5E5046 0%, #3A2C26 100%);/* @kind color */
--gradient-champagne:linear-gradient(100deg, #E1C4B0 0%, #F7EDEA 30%, #FFFFFF 48%, #EED4CE 62%, #CDAA9B 100%);/* @kind color */
--gradient-hairline:linear-gradient(90deg, rgba(247,237,234,0) 0%, rgba(247,237,234,.9) 50%, rgba(247,237,234,0) 100%);/* @kind color */
--gradient-scrim:linear-gradient(180deg, rgba(42,32,28,0) 40%, rgba(42,32,28,.6) 100%);/* @kind color */
--glow-blush:rgba(238,212,206,.55);--glow-nude:rgba(225,196,176,.45);--glow-navy:rgba(47,63,78,.55);
--shadow-glow:0 0 0 1px rgba(247,237,234,.25), 0 10px 40px -6px rgba(238,212,206,.45);
}
html,body{margin:0}
body{background:var(--surface-page);color:var(--text-on-dark);font:var(--type-body);-webkit-font-smoothing:antialiased}
a{color:var(--cream-50);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--white);text-decoration-color:var(--nude-300)}
::selection{background:var(--nude-200);color:var(--mocha-900)}
/* App */
html,body{margin:0;background:var(--mocha-600);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
a{color:var(--cream-50)}a:hover{color:var(--white)}
*{box-sizing:border-box}
input{font-family:inherit}
button{-webkit-appearance:none;appearance:none}
@keyframes snIn{from{opacity:0;transform:translateY(30px) scale(0.97)}to{opacity:1;transform:none}}
@keyframes snGlow{0%,100%{box-shadow:0 0 0 4px #F7EDEA,0 0 40px rgba(238,212,206,0.45)}50%{box-shadow:0 0 0 8px #F7EDEA,0 0 90px rgba(238,212,206,0.8)}}
@keyframes snToast{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.hov-fill:hover{background:rgba(247,237,234,0.1)!important}
.act-pick:active{background:rgba(247,237,234,0.16)!important}
.act-press:active{transform:scale(0.985)}
.hov-show:hover{opacity:1!important}
.offline{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translateX(-50%);z-index:70;font-family:var(--font-label);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;padding:8px 14px;background:#A4544A;color:#F7EDEA}

.netlook{display:inline-flex;align-items:baseline;color:#FFFFFF;opacity:0.7;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1;white-space:nowrap}
.netlook .nl-pre{font-weight:300;letter-spacing:0.02em}
.netlook .nl-name{font-weight:400;letter-spacing:0.22em;display:inline-flex;align-items:baseline}
.netlook svg{height:0.72em;width:auto;fill:currentColor;margin-right:0.2em;flex:none}