:root{--bg:#edf2f7;--surface:#ffffffd1;--surface-strong:#fffffff0;--surface-dark:#162033;--border:#94a3b833;--border-strong:#64748b57;--text:#172033;--muted:#5f6f86;--accent:#5b7db8;--accent-strong:#46689d;--success:#1f7a52;--danger:#c2410c;--shadow:0 16px 44px #0f172a14;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-pill:999px;font-family:Avenir Next,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #5b7db812, transparent 22%), radial-gradient(circle at right 18%, #94a3b82e, transparent 24%), linear-gradient(180deg, #f8fafc 0%, var(--bg) 100%);margin:0}body,button,input,a{font:inherit}a{color:inherit}button{appearance:none;border:0}code{font-family:SFMono-Regular,Menlo,monospace}.page{min-height:100vh}.shell{width:min(1180px,100vw - 32px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:16px;padding:28px 0 22px;display:flex}.brand{align-items:center;gap:2px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;flex:none;width:42px;height:42px;display:block}.brand-text{gap:3px;display:grid}.brand-text strong{color:#f26b00;letter-spacing:-.05em;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.55rem;font-weight:700;line-height:.92}.brand-accent{color:#f26b00;font-size:1em;font-weight:inherit;letter-spacing:inherit;text-transform:none}.brand-text>span:last-child{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.68rem}.muted{color:var(--muted)}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:.92rem;font-weight:560;text-decoration:none;transition:transform .14s,background .14s,box-shadow .14s;display:inline-flex}.button svg{flex:none;width:18px;height:18px}.button span{white-space:nowrap}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.button-primary{background:var(--accent);color:#fff8f2;box-shadow:0 8px 18px #5b7db829}.button-secondary{background:#ffffff94;box-shadow:inset 0 0 0 1px #94a3b829}.button-light{background:var(--surface-strong);box-shadow:inset 0 0 0 1px #94a3b824}.button-dark{background:var(--surface-dark);color:#f8f5ef;box-shadow:0 10px 22px #0f172a29}.button-ghost{background:#ffffff6b;box-shadow:inset 0 0 0 1px #94a3b829}.home-layout{gap:28px;padding:24px 0 48px;display:grid}.hero-panel,.info-card,.auth-card,.nodes-board,.guide-card,.modal-card,.empty-state,.home-showcase,.feature-group{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffffa8}.hero-panel{flex-direction:column;justify-content:center;gap:22px;min-height:calc(100vh - 132px);padding:clamp(28px,5vw,56px);display:flex}.hero-panel h1,.auth-intro h1,.section-title h1,.guide-hero h1{letter-spacing:-.025em;margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.02}.hero-copy,.section-copy,.guide-hero p,.auth-intro p{max-width:54ch;font-size:.97rem;line-height:1.65}.hero-actions,.auth-socials,.modal-actions,.header-actions,.card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.info-panel{gap:18px;display:grid}.info-card{padding:24px}.home-showcase{background:linear-gradient(135deg,#ffffffe6 0%,#f1f6fcdb 100%);gap:32px;padding:clamp(28px,4vw,42px) clamp(28px,4vw,42px) 24px;display:grid;position:relative;overflow:hidden}.home-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle,#5b7db82e 0%,#5b7db800 72%);border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-90px}.showcase-heading{z-index:1;text-align:center;justify-items:center;gap:12px;max-width:none;display:grid;position:relative}.section-copy{letter-spacing:-.035em;max-width:24ch;color:var(--text);margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2}.showcase-caption{max-width:56rem;color:var(--muted);text-align:center;margin:0;font-size:.88rem;line-height:1.7}.showcase-media{z-index:1;grid-template-columns:minmax(0,1.35fr) 320px;align-items:stretch;gap:24px;display:grid;position:relative}.showcase-desktop,.showcase-mobile{margin:0}.showcase-desktop{box-shadow:none;background:0 0;padding:0}.showcase-mobile{justify-content:center;justify-self:center;align-items:stretch;width:100%;display:flex;transform:none}.showcase-desktop img,.showcase-mobile img{border-radius:20px;width:100%;display:block;box-shadow:0 18px 42px #0f172a2e}.showcase-desktop img{border-radius:22px;height:auto}.showcase-mobile img{border:3px solid #111827;border-radius:32px;width:auto;max-width:100%;height:84%}.feature-groups{grid-template-columns:1fr;gap:20px;display:grid}.feature-group{background:linear-gradient(#ffffffeb 0%,#f5f9fdc2 100%);grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);align-items:center;gap:22px;padding:26px 24px 24px;display:grid;position:relative;overflow:hidden}.feature-list{color:var(--muted);margin:18px 0 0;padding-left:18px;font-size:.95rem;line-height:1.75}.feature-list strong{color:var(--text)}.feature-copy{min-width:0}.feature-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feature-group:nth-child(3) .feature-preview-grid{gap:6px}.feature-group:nth-child(3) .feature-preview,.feature-group:nth-child(3) .feature-preview-wide{margin:0}.feature-preview-wide,.feature-preview-emphasis{grid-column:1/-1}.feature-preview-emphasis img{width:100%}.feature-preview-files{grid-column:1/-1;align-items:center;display:flex}.feature-preview-files img{object-fit:contain;width:100%;height:auto}.feature-preview img,.feature-preview-wide img{border:1px solid #94a3b82e;border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 12px 28px #0f172a14}.feature-copy .feature-list{margin-top:14px}.page-auth{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.auth-shell{justify-content:center;align-items:center;width:min(460px,100%);min-height:0;display:flex}.auth-intro{gap:20px;padding:12px 0;display:grid}.auth-card{width:100%;padding:30px}.auth-notes{gap:10px;max-width:520px;display:grid}.auth-note{background:#ffffff75;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.auth-note:last-child{margin-top:-2px}.auth-note-key,.auth-card-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.68rem}.auth-note-value{color:var(--text);text-align:right}.form-stack{gap:16px;display:grid}.field{gap:8px;font-size:.92rem;display:grid}.inline-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.inline-field .button{min-width:124px}input{width:100%;min-height:50px;color:var(--text);background:#ffffffd1;border:1px solid #94a3b82e;border-radius:16px;outline:none;padding:0 16px}input:focus{border-color:#2563eb57;box-shadow:0 0 0 4px #2563eb14}.divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;display:flex}.divider:before,.divider:after{content:"";background:#94a3b838;flex:1;height:1px}.nodes-layout,.guide-layout{padding:24px 0 52px}.section-title,.guide-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-title-copy{gap:2px;display:grid}.section-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.section-actions .button,.modal-actions .button{width:auto;min-width:0}.section-actions .button{height:40px;min-height:40px;box-shadow:none;line-height:1}.section-actions .button:hover{box-shadow:none}.section-actions .button-ghost{background:#ffffffb8;border:1px solid #94a3b84d}.section-actions .button-primary{border:1px solid #2563ebeb}.auth-socials .button{flex:1 1 0;min-width:0}.page-nodes .section-title h1{letter-spacing:-.01em;font-size:clamp(1.02rem,1.55vw,1.22rem);line-height:1.18}.page-nodes .nodes-board{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:6px 0 0}.nodes-board{padding:20px}.feedback{color:var(--success);background:#1f7a521a;border:0;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:.9rem}.nodes-list{gap:10px;display:grid}.node-card{background:#ffffffc2;border:1px solid #fffc;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;box-shadow:0 8px 20px #0f172a08}.node-body,.node-meta,.node-title-row,.node-title-main{align-items:flex-start;gap:12px;display:flex}.node-body{flex:auto;min-width:0}.node-meta{min-width:0;display:grid}.node-title-row{flex-wrap:nowrap;align-items:center;min-width:0}.node-title-main{flex:0 auto;align-items:center;gap:6px;min-width:0}.status-dot{background:#94a3b8;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #94a3b81a}.status-dot[data-status=online]{background:var(--success);box-shadow:0 0 0 3px #2d6f4e1a}.node-presence,.node-last-seen,.node-base-url,.modal-note,.token-label,.token-value{font-family:SFMono-Regular,Menlo,monospace;font-size:.84rem}.node-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:.98rem;font-weight:600;line-height:1.2;display:block;overflow:hidden}.node-name-slot{flex:0 auto;min-width:0}.node-name-input{border-radius:8px;width:min(260px,100%);min-height:32px;padding:0 10px;font-size:.94rem}.node-edit{color:#4f6b95;cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .14s,transform .14s;display:inline-flex}.node-edit:hover{color:var(--accent);transform:translateY(-1px)}.node-edit svg{fill:currentColor;width:16px;height:16px}.node-last-seen{color:var(--muted);flex:none;margin:0;font-size:.78rem}.node-base-url{color:#4f6b95;word-break:break-all;text-decoration:none;display:inline-block}.node-base-url:hover{text-decoration:underline}.node-link-row{align-items:center;gap:8px;margin:8px 0 0 20px;display:flex}.node-link-copy,.node-link-open{color:#4f6b95;cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.node-link-copy:hover,.node-link-open:hover{color:var(--accent);background:#94a3b81a}.node-link-copy svg,.node-link-open svg{fill:currentColor;width:15px;height:15px}.empty-state{text-align:center;padding:28px}.menu-action{color:#5f6f86;background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.menu-action:hover{background:#94a3b81a}.menu-action svg{fill:currentColor;width:16px;height:16px}.menu-danger{color:#c2410c}.menu-danger:hover{background:#c2410c14}.empty-state h2{margin:6px 0 10px;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.32rem}.user-badge{border-radius:var(--radius-pill);max-width:240px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffff80;padding:10px 14px;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b829}.page-nodes .shell{width:min(960px,100vw - 32px)}.dialog{background:0 0;border:0;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10141247}.modal-card{width:min(560px,100vw - 32px);padding:28px}.modal-card h2{margin:8px 0 18px;font-size:1.6rem}.token-block{background:#f8fafcd6;border:1px solid #94a3b81f;border-radius:18px;gap:10px;padding:16px;display:grid}.token-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.token-value{white-space:pre-wrap;word-break:break-all}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guide-card{align-content:start;gap:10px;min-height:196px;padding:28px;display:grid}.guide-card h2,.modal-card h2{margin-top:12px;margin-bottom:10px;font-family:Iowan Old Style,Palatino Linotype,serif}.step-index{color:var(--accent);font-family:SFMono-Regular,Menlo,monospace;font-size:.8rem}.page-guide .guide-hero{margin-bottom:32px}.page-guide .guide-hero h1{font-size:clamp(1.9rem,4vw,3rem)}.hidden{display:none!important}.error{color:var(--danger);margin:14px 0 0;display:none}.error:not(:empty),.muted:not(:empty)[role=status]{display:block}@media (width<=920px){.auth-shell,.showcase-media,.feature-groups,.feature-group{grid-template-columns:1fr}.section-title,.guide-hero{flex-direction:column;align-items:flex-start}.section-actions{width:100%}.guide-grid{grid-template-columns:1fr}.showcase-mobile{width:min(58vw,260px);transform:none}}@media (width<=680px){.shell{width:min(100vw - 20px,1180px)}.header-actions,.hero-actions,.auth-socials,.modal-actions,.card-actions,.node-topline{flex-direction:column;align-items:stretch}.hero-panel,.home-showcase,.feature-group,.nodes-board,.guide-card,.auth-card,.modal-card{padding:22px}.hero-panel h1,.section-title h1,.guide-hero h1{font-size:clamp(1.8rem,10vw,2.5rem)}.section-copy{font-size:clamp(1.4rem,8vw,2rem)}.button,.user-badge{width:100%}.page-home .site-header{flex-direction:row;align-items:center}.page-home .header-actions{flex-flow:row;justify-content:flex-end;align-items:center;width:auto}.page-home .header-actions .button{width:auto}.page-nodes .site-header{flex-direction:row;align-items:center}.page-nodes .header-actions{flex-flow:row;justify-content:flex-end;align-items:center;width:auto}.page-nodes .header-actions .button,.page-nodes .user-badge{width:auto}}