:root{--ink:#eff8f2;--muted:#9aaba2;--bg:#07110e;--panel:#0f1f19cc;--line:#e7fff021;--green:#a6f4c5;--lime:#d8ff7d;--coral:#ff8e72;--shadow:0 30px 80px #0000005c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% 8%,#349b6f33,transparent 31rem),radial-gradient(circle at 10% 78%,#d8ff7d12,transparent 30rem),var(--bg);margin:0;font:400 16px/1.65 Manrope,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.2;z-index:10;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:#122018}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.page{width:min(760px,100% - 40px);min-height:70vh;margin:0 auto;padding:90px 0 110px}.page-wide{min-height:70vh}.nav{z-index:20;border:1px solid var(--line);backdrop-filter:blur(18px);background:#07110ebf;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:12px 14px 12px 20px;display:flex;position:sticky;top:16px;box-shadow:0 14px 40px #0000002e}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-weight:700;display:flex}.brand-mark{aspect-ratio:1;background:conic-gradient(from 180deg,var(--lime),#43c98c,#16634a,var(--lime));border-radius:50%;width:27px;box-shadow:0 0 26px #a6f4c559}.nav nav{gap:4px;display:flex}.nav nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;transition:all .2s}.nav nav a:hover,.nav nav a.active{color:var(--ink);background:#ffffff12}.hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(40px,8vw,110px);min-height:calc(100vh - 86px);padding:80px 0 64px;display:grid}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font:500 12px/1 DM Mono,monospace;display:flex}.eyebrow:before{content:"";background:var(--green);width:34px;height:1px}h1{letter-spacing:-.05em;margin:22px 0;font:600 clamp(46px,7vw,86px)/.98 Playfair Display,serif}h1 em{color:var(--lime)}.hero h1{font-size:clamp(58px,8vw,108px);line-height:.92}.lead{color:#b9c9c1;max-width:610px;font-size:clamp(17px,2vw,20px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:14px;align-items:center;gap:9px;padding:12px 18px;transition:transform .2s,border-color .2s;display:inline-flex}.button:hover{border-color:#d8ff7d80;transform:translateY(-2px)}.button.primary{background:var(--lime);color:#132016;border-color:var(--lime);font-weight:700}.button.dark{color:var(--lime);background:#132016;border-color:#132016}.button.danger{color:#ffab98}.orbit{aspect-ratio:1;justify-self:end;place-items:center;max-width:470px;display:grid;position:relative}.orbit:before,.orbit:after{content:"";border:1px solid var(--line);border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:3%}.orbit:after{border-style:dashed;animation-duration:18s;animation-direction:reverse;inset:17%}@keyframes spin{to{transform:rotate(360deg)}}.orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#d8ff7d,#4acc8e 35%,#0e4433 70%);border-radius:43% 57% 58% 42%/45% 39% 61% 55%;width:60%;animation:9s ease-in-out infinite morph;box-shadow:inset -25px -35px 70px #00000047,0 30px 90px #4dd59133}@keyframes morph{50%{border-radius:59% 41% 35% 65%/55% 59% 41% 45%;transform:rotate(4deg)scale(1.035)}}.float{border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:var(--shadow);color:#cfe2d7;background:#0a1913cc;border-radius:14px;padding:13px 16px;font:500 12px/1.2 DM Mono,monospace;position:absolute}.float.one{top:13%;right:2%;transform:rotate(5deg)}.float.two{bottom:14%;left:0;transform:rotate(-5deg)}.float span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.ticker{border-block:1px solid var(--line);color:#819188;text-transform:uppercase;letter-spacing:.12em;padding:16px 0;font:500 12px/1 DM Mono,monospace;overflow:hidden}.ticker>div{width:max-content;animation:26s linear infinite ticker;display:flex}.ticker span{padding-right:36px}@keyframes ticker{to{transform:translate(-50%)}}.home-grid{grid-template-columns:1.15fr .85fr;gap:18px;padding:90px 0 120px;display:grid}.feature{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:26px;min-height:300px;padding:34px}.feature small{opacity:.65;font:500 12px DM Mono,monospace}.feature h2{letter-spacing:-.03em;margin:38px 0 18px;font:600 clamp(30px,4vw,48px)/1.05 Playfair Display,serif}.feature p{color:var(--muted)}.feature.accent{background:var(--lime);color:#122018}.feature.accent p{color:#39503f}.recent-list{border-top:1px solid var(--line);margin-top:26px;display:grid}.recent-list a{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;display:flex}.recent-list time{color:var(--muted);white-space:nowrap;font:12px DM Mono,monospace}.notes-head{justify-content:space-between;align-items:end;gap:24px;padding:90px 0 34px;display:flex}.notes-head h1{margin:8px 0 0}.notes-head>p{color:var(--muted);max-width:450px}.notes-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding-bottom:120px;display:grid}.composer,.notes-sidebar{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(16px);border-radius:24px}.composer{padding:clamp(22px,4vw,38px)}.notes-sidebar{align-self:start;padding:20px;position:sticky;top:94px}.field{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.title-field{border-bottom:1px solid var(--line);padding:0 0 16px;font:600 clamp(27px,4vw,42px)/1.15 Playfair Display,serif}.body-field{resize:vertical;min-height:280px;padding:22px 0;line-height:1.8}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.action-group{gap:8px;display:flex}.attachment-input{display:none}.file-label{cursor:pointer;color:var(--muted);font-size:14px}.file-preview{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.file-chip{border:1px solid var(--line);color:#b9c9c1;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.file-chip button{color:var(--coral);cursor:pointer;background:0 0;border:0}.search{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff0b;border-radius:12px;outline:none;margin-bottom:14px;padding:11px 13px}.note-list{gap:8px;max-height:62vh;display:grid;overflow:auto}.note-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:14px}.note-card:hover,.note-card.active{border-color:var(--line);background:#ffffff0e}.note-card strong{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;display:block;overflow:hidden}.note-card small{color:var(--muted)}.clip{float:right;color:var(--green)}.empty{color:var(--muted);text-align:center;padding:42px 10px}.edit-actions{gap:8px;display:none}.edit-actions.visible{display:flex}.toast{z-index:50;color:#132016;box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#e8ff9d;border-radius:12px;padding:12px 16px;font-weight:700;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.toast.show{opacity:1;transform:translateY(0)}.listing h1,.prose h1{margin-top:20px}.entry-list{margin-top:50px;display:grid}.entry-list>a{border-bottom:1px solid var(--line);justify-content:space-between;gap:28px;padding:24px 0;display:flex}.entry-list h2{margin:0 0 6px;font:600 26px Playfair Display,serif}.entry-list p{color:var(--muted);margin:0}.entry-list time{color:var(--muted);white-space:nowrap;font:12px DM Mono,monospace}.prose{color:#c5d2cb;font-size:18px}.prose h1{color:var(--ink)}.prose p{margin:0 0 1.3em}.prose a{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.prose blockquote{border-left:2px solid var(--green);color:var(--muted);padding-left:20px}.tags{color:var(--green);gap:8px;margin-top:32px;font:12px DM Mono,monospace;display:flex}.back{color:var(--muted);margin-top:46px;display:inline-block}.footer{color:#73847b;border-top:1px solid var(--line);justify-content:space-between;padding:26px 0 40px;font-size:13px;display:flex}@media (width<=880px){.nav{align-items:flex-start}.nav nav{flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding-top:70px}.orbit{justify-self:center;width:min(90%,420px)}.home-grid,.notes-layout{grid-template-columns:1fr}.notes-sidebar{order:-1;position:static}.note-list{max-height:260px}.notes-head{flex-direction:column;align-items:start}}@media (width<=600px){.shell,.page{width:min(100% - 24px,1180px)}.nav{margin-top:8px;padding:10px 12px;top:8px}.brand span:last-child{display:none}.nav nav a{padding:7px 8px;font-size:13px}.hero h1{font-size:55px}.composer-footer,.action-group{flex-direction:column;align-items:stretch}.action-group .button{justify-content:center}.edit-actions{width:100%}.edit-actions .button{flex:1}.entry-list>a{flex-direction:column;gap:6px}.footer{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}