:root{--ink:#10231c;--green:#0e5c3e;--lime:#b6f36b;--paper:#f4f1e8;--white:#fffdf7;--line:rgba(16,35,28,.14);--muted:#65726b;--ease:cubic-bezier(.22,1,.36,1)}
.tree-leaf{width:clamp(38px,5vw,54px)!important;height:clamp(58px,8vw,82px)!important;border:0!important;border-radius:0!important;background:transparent url("tree-leaf.png?v=1") center/contain no-repeat!important;box-shadow:none!important}.tree-leaf:after{display:none!important}.tree-leaf:hover,.tree-leaf.glowing{filter:drop-shadow(0 0 13px rgba(182,243,107,.95)) saturate(1.18)!important;box-shadow:none!important}
.plan-tree-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 22px rgba(14,92,62,.12));pointer-events:none}
.published-note{position:fixed;inset:0;z-index:500;overflow:auto;padding:35px;background:var(--paper)}.published-note>a{color:var(--green);font-weight:800;text-decoration:none}.published-note>article{width:min(850px,100%);margin:80px auto}.published-note h1{font-size:clamp(46px,8vw,90px);letter-spacing:-.07em;margin:0 0 50px}.published-note article p{font-size:16px;line-height:1.9;white-space:pre-wrap}.public-table{overflow:auto;border:1px solid var(--line);border-radius:10px}.public-table>div{display:flex}.public-table span{min-width:140px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);position:fixed;z-index:30;top:0;left:0;right:0;background:rgba(244,241,232,.76);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.04em}.brand-mark{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.desktop-nav{display:flex;gap:30px}.desktop-nav a,.text-button{font-size:13px;text-decoration:none;color:var(--ink);font-weight:600}.desktop-nav a{opacity:.7;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}.header-actions{display:flex;align-items:center;gap:20px}.pill-button,.ghost-button{border:0;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:20px}.pill-button{color:var(--white);background:var(--green);border-radius:99px;padding:15px 24px;font-size:14px;font-weight:700;transition:transform .25s,background .25s}.pill-button:hover{transform:translateY(-2px);background:#08784c}.pill-button.small{padding:11px 17px;font-size:12px}.pill-button.dark{background:var(--ink)}.menu-button{display:none;border:0;background:none;font-size:20px}.page{display:none;min-height:100vh}.page.active{display:block;animation:pageIn .55s var(--ease)}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}}.landing-page{height:100vh;overflow:hidden;padding-top:76px}.story-shell{height:calc(100vh - 76px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;max-width:1500px;margin:auto;padding:2vh clamp(28px,7vw,110px) 5vh}.story-copy{position:relative;z-index:2}.eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.18em;color:var(--green);font-weight:500;margin:0 0 24px}.story-copy h1,.page-intro h1{font-size:clamp(55px,6.4vw,108px);line-height:.93;letter-spacing:-.075em;margin:0;font-weight:500}.story-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.story-copy>p:not(.eyebrow){font-size:clamp(15px,1.25vw,19px);line-height:1.75;color:var(--muted);max-width:520px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:25px}.ghost-button{background:transparent;color:var(--ink);font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0}.story-copy>*{transition:opacity .38s,transform .55s var(--ease)}.story-copy.changing>*{opacity:0;transform:translateY(24px)}.story-visual{height:min(78vh,760px);position:relative}.story-visual svg{width:100%;height:100%;overflow:visible}.leaf-field{fill:rgba(255,253,247,.52);stroke:rgba(14,92,62,.12);stroke-width:1}.veins path{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.15s var(--ease),stroke-width .6s}.main-vein{stroke-width:5!important}.nodes circle{fill:var(--paper);stroke:var(--green);stroke-width:4;transition:transform .5s,fill .5s;transform-box:fill-box;transform-origin:center}.pulse{fill:var(--lime);stroke:var(--green);stroke-width:3}.note-card,.device-card{opacity:0;transition:.6s var(--ease);transform:translateY(12px)}.note-card rect,.device-card rect{fill:var(--white);stroke:rgba(16,35,28,.12);stroke-width:1}.note-card text{font:500 10px "DM Mono";letter-spacing:.12em;fill:var(--green)}.note-card path,.device-card path{stroke:var(--ink);stroke-width:2;opacity:.35}.device-card circle{fill:var(--lime)}.story-visual.scene-1 .card-a,.story-visual.scene-1 .card-b,.story-visual.scene-2 .device-card{opacity:1;transform:none}.story-visual.scene-2 .veins path{stroke-width:4}.story-visual.scene-3 .nodes circle{fill:var(--lime);transform:scale(1.35)}.scene-counter{position:absolute;right:1%;bottom:9%;display:flex;align-items:center;gap:10px;font-family:"DM Mono";font-size:10px}.scene-counter i{display:block;width:50px;height:1px;background:var(--ink);opacity:.3}.scroll-hint{position:absolute;bottom:24px;left:clamp(28px,7vw,110px);display:flex;gap:15px;align-items:center;font:10px "DM Mono";letter-spacing:.13em}.scroll-hint i{width:70px;height:1px;background:var(--ink);transform-origin:left;animation:scan 2s infinite}@keyframes scan{0%{transform:scaleX(0)}50%,100%{transform:scaleX(1)}}
.content-page{padding:150px clamp(25px,7vw,110px) 100px;max-width:1500px;margin:auto}.page-intro{margin-bottom:80px}.page-intro h1{font-size:clamp(48px,6vw,94px)}.page-intro>p:last-child{font-size:17px;color:var(--muted);line-height:1.7;max-width:620px;margin-top:28px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1050px;margin-left:auto}.price-card{min-height:610px;background:var(--white);border:1px solid var(--line);border-radius:32px;padding:42px;display:flex;flex-direction:column;position:relative}.price-card.featured{background:var(--green);color:var(--white)}.popular{position:absolute;right:28px;top:28px;font:10px "DM Mono";color:var(--ink);background:var(--lime);padding:8px 12px;border-radius:99px}.plan-tag{font:11px "DM Mono";letter-spacing:.15em;opacity:.65}.price-card h2{font-size:34px;letter-spacing:-.05em;margin:14px 0 10px}.price-card p{color:var(--muted);line-height:1.6}.featured p{color:rgba(255,255,255,.65)}.price{margin:55px 0 35px}.price strong{font-size:59px;letter-spacing:-.07em}.price span{display:block;font-size:12px;opacity:.6}.price-card ul{list-style:none;padding:0;margin:0 0 40px;display:grid;gap:17px;font-size:14px}.price-card li:before{content:'✓';margin-right:12px;color:var(--green)}.featured li:before{color:var(--lime)}.price-card .pill-button{margin-top:auto}.featured .pill-button{background:var(--lime);color:var(--ink)}.pricing-note{text-align:center;color:var(--muted);font-size:12px;margin:35px}.release-list{border-top:1px solid var(--line)}.release{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:55px 0;border-bottom:1px solid var(--line)}.release-meta{display:flex;flex-direction:column;gap:8px;font-family:"DM Mono"}.release-meta span{font-size:18px}.release-meta time{font-size:11px;color:var(--muted)}.release h2{font-size:34px;margin:8px 0 15px;letter-spacing:-.04em}.release p,.release li{color:var(--muted);line-height:1.7}.release-label{font:10px "DM Mono";background:var(--lime);color:var(--ink);border-radius:99px;padding:6px 9px}.split-page{display:none;grid-template-columns:1fr 1fr;gap:10vw}.split-page.active{display:grid}.contact-detail{margin-top:60px;display:grid;gap:8px}.contact-detail span{font:10px "DM Mono";color:var(--muted)}.contact-detail a{color:var(--ink);font-size:18px}.support-form{padding-top:30px;display:grid;gap:25px}.support-form label,.auth-card label{font-size:12px;font-weight:600;display:grid;gap:9px}.support-form input,.support-form textarea,.support-form select,.auth-card input{width:100%;border:0;border-bottom:1px solid var(--line);padding:13px 2px;background:transparent;font:14px inherit;outline:none;border-radius:0}.support-form textarea{resize:vertical}.support-form .pill-button{justify-self:start}.form-status{font-size:13px;color:var(--green)}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.download-grid article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:35px 24px;border-bottom:1px solid var(--line)}.download-grid article:nth-child(odd){border-right:1px solid var(--line)}.download-grid h2{margin:0 0 5px;font-size:20px}.download-grid p{margin:0;color:var(--muted);font-size:12px}.os-icon{font-size:27px}.download-grid button,.download-grid a{border:0;background:none;color:var(--ink);font:12px inherit;text-decoration:underline;cursor:pointer}.download-status{font-size:13px;color:var(--green);text-align:center}.account-page{padding:120px 20px 60px;place-items:center}.account-page.active{display:grid}.auth-card{width:min(100%,480px);background:var(--white);padding:48px;border-radius:30px;border:1px solid var(--line);text-align:center}.auth-mark{width:55px;fill:none;stroke:var(--green);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}.auth-card h1{font-size:33px;letter-spacing:-.05em;margin:0 0 10px}.auth-card>p{color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:22px;margin-top:35px;text-align:left}.auth-card form button{margin-top:10px}.divider{height:50px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.social-login{width:100%;padding:14px;border:1px solid var(--line);border-radius:99px;background:white;font-weight:600}.auth-switch a{color:var(--green)}
.app-page{height:100vh;min-height:700px;overflow:hidden;background:#eae7de}.app-shell{position:fixed;inset:76px 0 0;height:auto;display:grid;grid-template-columns:270px 1fr}.app-sidebar{background:#17382d;color:#f4f1e8;padding:24px 16px;display:flex;flex-direction:column}.app-brand{display:flex;gap:10px;align-items:center;padding:0 7px 25px}.app-brand .brand-mark{width:25px}.new-note{border:0;background:var(--lime);padding:13px;border-radius:10px;font-weight:700;color:var(--ink);cursor:pointer}.app-search{display:flex;gap:8px;margin:18px 0 25px;padding:10px 12px;background:rgba(255,255,255,.08);border-radius:9px}.app-search input{min-width:0;background:none;border:0;outline:none;color:white}.sidebar-label{display:flex;justify-content:space-between;font:10px "DM Mono";opacity:.55;padding:0 10px 9px}.note-list{overflow-y:auto;display:grid;gap:4px}.note-item{border:0;background:none;color:white;text-align:left;border-radius:9px;padding:11px;cursor:pointer;display:grid;gap:5px}.note-item.active{background:rgba(255,255,255,.12)}.note-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item span{font-size:10px;opacity:.48}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:grid}.sidebar-bottom button,.sidebar-bottom a{border:0;background:none;color:white;opacity:.65;text-align:left;padding:10px;text-decoration:none;font:12px inherit;cursor:pointer}.note-editor{background:var(--white);overflow:auto}.editor-header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;background:rgba(255,253,247,.92);backdrop-filter:blur(10px);z-index:2}.breadcrumbs{font-size:11px;color:var(--muted)}.breadcrumbs span{padding:0 8px}.save-state{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.save-state i{width:6px;height:6px;border-radius:50%;background:#48a876}.mobile-sidebar{display:none}.editor-body{max-width:800px;margin:auto;padding:70px 65px}.note-title{width:100%;border:0;background:none;font:600 43px Manrope;letter-spacing:-.06em;color:var(--ink);outline:none}.note-meta{display:flex;gap:18px;margin:15px 0 35px;color:var(--muted);font-size:11px}.note-meta button{border:0;background:none;color:var(--green);padding:0}.note-content{width:100%;min-height:360px;resize:none;border:0;outline:none;background:transparent;font:16px/1.9 "Noto Sans KR",sans-serif;color:#24372f}.backlinks{border-top:1px solid var(--line);padding-top:25px}.backlinks>p{font:10px "DM Mono";letter-spacing:.1em;color:var(--muted)}.backlinks>p span{background:#e7eee9;padding:3px 7px;border-radius:99px}.backlink-item{display:block;border:0;background:none;padding:8px 0;color:var(--green);cursor:pointer}.graph-panel{position:absolute;right:0;top:0;height:100%;width:min(420px,40vw);background:#102a22;color:white;padding:30px;transform:translateX(100%);transition:.5s var(--ease);z-index:5;box-shadow:-25px 0 70px rgba(0,0,0,.15)}.graph-panel.open{transform:none}.graph-panel header{display:flex;justify-content:space-between}.graph-panel header span{font:10px "DM Mono";color:var(--lime)}.graph-panel h2{margin:6px 0}.graph-panel button{border:0;background:none;color:white;font-size:27px}.graph-panel svg{width:100%;height:58vh}.graph-panel>p{font-size:11px;opacity:.5}.graph-line{stroke:rgba(182,243,107,.35);stroke-width:1.5}.graph-node{fill:#f4f1e8;stroke:var(--green);stroke-width:3;cursor:pointer}.graph-node.active{fill:var(--lime);stroke:white}.graph-label{fill:white;font:9px "Noto Sans KR";text-anchor:middle;pointer-events:none}.site-footer{display:none}
@media(max-width:900px){.desktop-nav,.text-button{display:none}.menu-button{display:block}.story-shell{grid-template-columns:1fr;padding-top:30px}.story-copy{position:absolute;left:28px;top:20vh;width:calc(100% - 56px)}.story-copy h1{font-size:57px}.story-copy>p:not(.eyebrow){max-width:82%;font-size:14px}.story-visual{opacity:.64;height:65vh;margin-top:25vh}.hero-actions{flex-wrap:wrap}.scroll-hint{display:none}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:570px}.split-page.active{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}.download-grid article:nth-child(odd){border-right:0}.release{grid-template-columns:1fr}.app-shell{grid-template-columns:230px 1fr}.editor-body{padding:50px 35px}.graph-panel{width:65vw}}
@media(max-width:620px){.site-header{height:64px;padding:0 18px}.header-actions{gap:9px}.pill-button.small{padding:10px 13px}.brand span{font-size:16px}.landing-page{padding-top:64px}.story-copy{top:16vh}.story-copy h1{font-size:48px}.story-copy>p:not(.eyebrow){max-width:100%}.story-visual{margin-top:28vh;height:55vh}.note-card,.device-card{display:none}.content-page{padding:110px 20px 60px}.page-intro{margin-bottom:50px}.page-intro h1{font-size:49px}.price-card{padding:30px}.price strong{font-size:50px}.download-grid article{grid-template-columns:42px 1fr}.download-grid article>*:last-child{grid-column:2}.auth-card{padding:35px 23px}.app-shell{inset:64px 0 0;display:block}.app-sidebar{position:absolute;left:0;top:0;height:100%;width:265px;z-index:8;transform:translateX(-100%);transition:.4s var(--ease)}.app-sidebar.open{transform:none}.mobile-sidebar{display:block;border:0;background:none}.editor-header{padding:0 15px}.editor-body{padding:35px 22px}.note-title{font-size:36px}.graph-panel{width:100%}.site-footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Brand mark — faithful vector redraw of the selected G concept. */
.brand-mark,.auth-mark{background:url("venation-logo.png?v=1") center/contain no-repeat;color:transparent;overflow:visible}
.brand-mark path,.auth-mark path{display:none}
.auth-mark{border:0;stroke:none}

/* Cinematic home experience */
.landing-page{background:#f4f1e8;transition:background 1s var(--ease),color .8s;isolation:isolate}
.landing-page:has(.scene-1){background:#d7ff5e}
.landing-page:has(.scene-2){background:#f05a3c}
.landing-page:has(.scene-3){background:#071c17;color:#f4f1e8}
.landing-page:has(.scene-3) .story-copy>p:not(.eyebrow),.landing-page:has(.scene-3) .ghost-button{color:#c5d5ce;border-color:#c5d5ce}
.landing-page:has(.scene-3) .story-copy h1 em{color:var(--lime)}
.landing-page:has(.scene-1) .story-copy>p:not(.eyebrow),.landing-page:has(.scene-2) .story-copy>p:not(.eyebrow){color:rgba(16,35,28,.72)}
.landing-page:has(.scene-1) .eyebrow,.landing-page:has(.scene-2) .eyebrow{color:#10231c}
.landing-page #story-title{font-size:clamp(48px,5.6vw,80px);line-height:.94}
.landing-page .story-copy>p:not(.eyebrow){margin:24px 0}
.story-visual{perspective:1200px;transform-style:preserve-3d}
.story-visual .orbital-system,.story-visual .memo-universe,.story-visual .device-universe,.story-visual .knowledge-universe{translate:var(--mx,0) var(--my,0);transition-property:opacity,transform,translate;transition-duration:.7s,1.1s,.8s;transition-timing-function:ease,var(--ease),var(--ease)}
.story-visual:after{content:"";position:absolute;inset:4% -10%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,0) 62%);z-index:-3;transition:opacity .7s}
.story-visual>svg{position:absolute;inset:0;z-index:0;transition:opacity .7s,transform 1.2s var(--ease),filter .7s}
.kinetic-words{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;pointer-events:none}
.kinetic-words span{position:absolute;font-size:clamp(92px,14vw,230px);font-weight:700;letter-spacing:-.1em;line-height:.75;opacity:0;transform:scale(.75) rotate(-7deg);transition:opacity .5s,transform 1.15s var(--ease);white-space:nowrap;color:rgba(16,35,28,.07)}
.scene-0 .kinetic-words span:nth-child(1),.scene-1 .kinetic-words span:nth-child(2),.scene-2 .kinetic-words span:nth-child(3),.scene-3 .kinetic-words span:nth-child(4){opacity:1;transform:scale(1) rotate(-7deg)}
.scene-3 .kinetic-words span{color:rgba(182,243,107,.08)}
.orbital-system,.memo-universe,.device-universe,.knowledge-universe{position:absolute;inset:0;pointer-events:none}
.orbital-system{z-index:2;transition:opacity .7s,transform 1.1s var(--ease)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(14,92,62,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.orbit-one{width:68%;height:68%;animation:orbitPulse 5s ease-in-out infinite}.orbit-two{width:88%;height:42%;transform:translate(-50%,-50%) rotate(36deg);animation:orbitSpin 16s linear infinite}.orbit-three{width:42%;height:88%;transform:translate(-50%,-50%) rotate(62deg);animation:orbitSpin 23s linear infinite reverse}
.seed-core{position:absolute;left:50%;top:50%;width:175px;height:230px;transform:translate(-50%,-50%) rotate(9deg);border-radius:75% 20% 70% 25%;background:linear-gradient(145deg,#0c3025,#0e5c3e 55%,#1d8b5e);box-shadow:0 40px 90px rgba(14,92,62,.33),inset 18px 8px 35px rgba(255,255,255,.12);display:grid;place-items:center;transition:1.1s var(--ease);overflow:hidden}
.seed-core:before{content:"";position:absolute;width:3px;height:120%;background:#b6f36b;transform:rotate(28deg);box-shadow:0 0 20px #b6f36b}.seed-core:after{content:"";position:absolute;width:70px;height:3px;background:#b6f36b;transform:translate(22px,-15px) rotate(-15deg);box-shadow:0 -35px 0 -1px #b6f36b,0 35px 0 -1px #b6f36b}.seed-core b{color:#f4f1e8;font:500 15px "DM Mono";z-index:2;transform:rotate(-9deg)}
.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#b6f36b;box-shadow:0 0 20px #b6f36b}.spark-a{left:18%;top:36%;animation:floatA 5s infinite}.spark-b{right:14%;top:26%;animation:floatA 6.5s -2s infinite}.spark-c{right:23%;bottom:19%;animation:floatA 4.5s -1s infinite}
@keyframes orbitPulse{50%{transform:translate(-50%,-50%) rotate(-12deg) scale(1.04)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(396deg)}}@keyframes floatA{50%{transform:translateY(-22px) scale(1.4);opacity:.45}}
.memo-universe{z-index:4;opacity:0;transform:scale(.6) rotateY(-20deg);transition:opacity .55s,transform 1.1s var(--ease)}
.flying-note{position:absolute;width:230px;height:145px;border:1px solid rgba(16,35,28,.2);background:#fffdf7;border-radius:4px;padding:24px;box-shadow:0 30px 60px rgba(16,35,28,.14);display:flex;flex-direction:column;gap:14px;transition:1.15s var(--ease)}
.flying-note small{font:9px "DM Mono";letter-spacing:.12em;color:#0e5c3e}.flying-note strong{font-size:17px}.flying-note i{display:block;width:80%;height:3px;background:#dce2dc}.flying-note i:last-child{width:48%}.fn-1{left:4%;top:17%;transform:rotate(-8deg) translateZ(60px)}.fn-2{right:-2%;top:33%;transform:rotate(7deg) translateZ(130px)}.fn-3{left:27%;bottom:5%;transform:rotate(3deg) translateZ(30px)}
.link-beam{position:absolute;height:2px;background:#0e5c3e;transform-origin:left;box-shadow:0 0 12px rgba(14,92,62,.5)}.lb-1{width:43%;left:24%;top:38%;transform:rotate(9deg)}.lb-2{width:36%;left:42%;top:66%;transform:rotate(-38deg)}.lb-3{width:25%;left:20%;top:38%;transform:rotate(64deg)}
.device-universe{z-index:5;opacity:0;transform:translateY(80px) rotateX(20deg);transition:.9s var(--ease)}
.device{position:absolute;background:#11251e;border:2px solid #f8d4ca;box-shadow:0 45px 80px rgba(65,17,8,.28);transition:1.1s var(--ease)}.device-screen{position:absolute;inset:8px;background:#fffdf7;overflow:hidden;padding:18px}.device-screen i{height:5px;background:#d9e1dc;display:block;margin:9px 0;border-radius:4px}.device-screen i:last-child{width:60%}.mini-side{float:left;width:24%;height:100%;background:#163b2e;margin:-18px 16px -18px -18px}.mini-title{display:block;width:45%;height:11px;background:#17382d;margin:8px 0 20px}.laptop{width:390px;height:238px;border-radius:17px;left:21%;top:24%;transform:rotate(-5deg)}.laptop:after{content:"";position:absolute;left:-45px;right:-45px;bottom:-15px;height:15px;background:#11251e;border-radius:2px 2px 15px 15px}.phone{width:125px;height:245px;border-radius:27px;right:4%;top:36%;transform:rotate(10deg) translateZ(100px)}.phone .device-screen{border-radius:20px;padding:22px 13px}.phone b{display:block;width:30px;height:5px;background:#142b23;margin:-15px auto 18px;border-radius:5px}.tablet{width:240px;height:170px;border-radius:15px;left:2%;bottom:10%;transform:rotate(7deg) translateZ(50px)}.sync-ring{position:absolute;width:480px;height:480px;left:48%;top:48%;border:2px dashed rgba(255,253,247,.65);border-radius:50%;transform:translate(-50%,-50%);animation:syncSpin 13s linear infinite}.sync-ring span{position:absolute;top:-12px;left:45%;background:#f05a3c;padding:5px;font:9px "DM Mono";letter-spacing:.12em;color:#fff}@keyframes syncSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.knowledge-universe{z-index:5;opacity:0;transform:scale(1.7);transition:opacity .7s,transform 1.4s var(--ease)}
.knowledge-sphere{position:absolute;width:560px;height:560px;border:1px solid rgba(182,243,107,.28);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle at 45% 45%,rgba(39,105,78,.45),rgba(7,28,23,.08) 60%);box-shadow:inset 0 0 80px rgba(182,243,107,.08),0 0 90px rgba(182,243,107,.05);animation:sphereBreathe 5s ease-in-out infinite}.knowledge-sphere:before,.knowledge-sphere:after{content:"";position:absolute;border:1px solid rgba(182,243,107,.25);border-radius:50%;inset:12% -4%;transform:rotate(55deg)}.knowledge-sphere:after{transform:rotate(-25deg);inset:-3% 24%}.knowledge-sphere i{position:absolute;width:12px;height:12px;border:2px solid #b6f36b;background:#071c17;border-radius:50%;box-shadow:0 0 16px rgba(182,243,107,.5)}.knowledge-sphere i:nth-child(1){left:20%;top:18%}.knowledge-sphere i:nth-child(2){left:50%;top:9%}.knowledge-sphere i:nth-child(3){right:18%;top:24%}.knowledge-sphere i:nth-child(4){left:11%;top:48%}.knowledge-sphere i:nth-child(5){left:38%;top:40%;width:21px;height:21px;background:#b6f36b}.knowledge-sphere i:nth-child(6){right:8%;top:50%}.knowledge-sphere i:nth-child(7){left:23%;bottom:18%}.knowledge-sphere i:nth-child(8){left:52%;bottom:8%}.knowledge-sphere i:nth-child(9){right:17%;bottom:22%}.knowledge-sphere i:nth-child(10){left:69%;top:38%}.knowledge-sphere i:nth-child(11){left:38%;bottom:27%}.knowledge-sphere i:nth-child(12){left:55%;top:63%}.k-line{position:absolute;height:1px;background:rgba(182,243,107,.55);transform-origin:left}.kl-1{width:180px;left:22%;top:20%;transform:rotate(33deg)}.kl-2{width:190px;left:40%;top:42%;transform:rotate(-29deg)}.kl-3{width:155px;left:40%;top:43%;transform:rotate(78deg)}.kl-4{width:145px;left:25%;top:70%;transform:rotate(-48deg)}.kl-5{width:130px;left:55%;top:64%;transform:rotate(40deg)}.knowledge-label{position:absolute;right:0;bottom:5%;display:flex;align-items:flex-end;gap:12px;color:#b6f36b}.knowledge-label span{font:9px "DM Mono";letter-spacing:.15em}.knowledge-label strong{font-size:64px;font-weight:400;line-height:.7}@keyframes sphereBreathe{50%{transform:translate(-50%,-50%) scale(1.035);filter:brightness(1.15)}}
.scene-name{position:absolute;left:0;top:11%;z-index:9;font:9px "DM Mono";letter-spacing:.2em}.scene-name span{position:absolute;opacity:0;transform:translateX(-20px);transition:.5s;white-space:nowrap}.scene-0 .scene-name span:nth-child(1),.scene-1 .scene-name span:nth-child(2),.scene-2 .scene-name span:nth-child(3),.scene-3 .scene-name span:nth-child(4){opacity:.65;transform:none}
.scene-1 .orbital-system,.scene-2 .orbital-system,.scene-3 .orbital-system{opacity:0;transform:scale(2.2) rotate(30deg)}
.scene-1>svg{opacity:.15;transform:scale(1.8) rotate(25deg);filter:blur(3px)}.scene-1 .memo-universe{opacity:1;transform:scale(1) rotateY(0)}
.scene-2>svg{opacity:0;transform:scale(2.5)}.scene-2 .device-universe{opacity:1;transform:translateY(0) rotateX(0)}.scene-2 .memo-universe{opacity:0;transform:scale(1.8) translateY(-100px)}
.scene-3>svg{opacity:.08;transform:scale(.45) rotate(-35deg);filter:blur(1px)}.scene-3 .knowledge-universe{opacity:1;transform:scale(1)}.scene-3 .device-universe{opacity:0;transform:scale(.15) translateY(80px)}
.scene-1:after,.scene-2:after,.scene-3:after{opacity:.22}
@media(max-width:900px){.seed-core{width:130px;height:175px}.flying-note{width:180px;height:115px;padding:17px}.laptop{width:300px;height:185px}.tablet{width:180px;height:130px}.phone{width:90px;height:190px}.sync-ring{width:340px;height:340px}.knowledge-sphere{width:390px;height:390px}.knowledge-label{display:none}}
@media(max-width:620px){.kinetic-words span{font-size:70px}.story-visual{opacity:1}.scene-name{display:none}.seed-core{width:105px;height:140px}.memo-universe{transform:scale(.7)}.scene-1 .memo-universe{transform:scale(.75)}.flying-note{width:150px;height:100px;padding:12px}.flying-note strong{font-size:12px}.laptop{width:230px;height:145px;left:18%}.tablet{width:135px;height:100px}.phone{width:72px;height:145px}.sync-ring{width:260px;height:260px}.knowledge-sphere{width:300px;height:300px}}

/* Long-form vein journey */
.long-home{background:#f4f1e8;overflow:clip}.journey-hero{min-height:100vh;padding:150px clamp(28px,7vw,110px) 80px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.journey-hero h1{font-size:clamp(66px,9.5vw,155px);line-height:.82;letter-spacing:-.085em;font-weight:500;margin:0;position:relative;z-index:2}.journey-hero h1 em,.journey-finale h2 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.journey-hero>p:not(.eyebrow){max-width:530px;font-size:17px;line-height:1.7;color:var(--muted);margin:42px 0 35px;position:relative;z-index:2}.journey-down{display:flex;align-items:center;gap:28px;font:10px "DM Mono";letter-spacing:.17em;color:var(--ink);text-decoration:none;position:relative;z-index:2}.journey-down span{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;animation:downBob 1.7s infinite}.hero-orbit{position:absolute;width:min(62vw,800px);aspect-ratio:1;right:-8vw;top:50%;transform:translateY(-50%);border:1px solid rgba(14,92,62,.15);border-radius:50%;display:grid;place-items:center}.hero-orbit:before,.hero-orbit:after,.hero-orbit i{content:"";position:absolute;inset:10%;border:1px solid rgba(14,92,62,.18);border-radius:50%;transform:rotate(55deg) scaleY(.36);animation:heroSpin 16s linear infinite}.hero-orbit:after{transform:rotate(-40deg) scaleY(.55);animation-direction:reverse}.hero-orbit i:nth-child(1){transform:rotate(15deg) scaleY(.25)}.hero-orbit i:nth-child(2){inset:22%;transform:rotate(80deg) scaleY(.65);animation-duration:11s}.hero-orbit i:nth-child(3){inset:36%;background:var(--green);border:0;box-shadow:0 0 90px rgba(14,92,62,.35);transform:none}.hero-orbit b{z-index:2;color:var(--lime);font:500 clamp(50px,8vw,110px) Manrope}@keyframes downBob{50%{transform:translateY(8px)}}@keyframes heroSpin{to{rotate:360deg}}
.journey-progress{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:20;display:none;align-items:center;gap:10px;writing-mode:vertical-rl;font:8px "DM Mono";letter-spacing:.16em}.long-home.active .journey-progress{display:flex}.journey-progress i{display:block;width:1px;height:120px;background:rgba(16,35,28,.15);position:relative}.journey-progress b{position:absolute;left:0;top:0;width:1px;height:var(--journey-progress,0%);background:var(--green)}.journey-progress strong{font-weight:400;color:var(--green)}
.vein-journey{position:relative;padding:20vh 0 25vh}.journey-veins{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.vein-shadow,.vein-main,.vein-branch{fill:none;stroke-linecap:round}.vein-shadow{stroke:rgba(14,92,62,.08);stroke-width:24}.vein-main{stroke:var(--green);stroke-width:7;filter:url(#journeyGlow)}.vein-branch{stroke:var(--green);stroke-width:4}.journey-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--vein-progress,0));transition:stroke-dashoffset .08s linear}.vein-nodes circle{fill:var(--paper);stroke:var(--green);stroke-width:6}.vein-traveler{position:sticky;top:50%;margin-left:calc(50% - 13px);width:26px;height:26px;z-index:4;pointer-events:none}.vein-traveler span{display:block;width:100%;height:100%;background:var(--lime);border:5px solid var(--green);border-radius:50%;box-shadow:0 0 0 8px rgba(182,243,107,.2),0 0 30px rgba(14,92,62,.35)}
.journey-chapter{min-height:105vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:12vh clamp(35px,9vw,140px);position:relative;z-index:3}.chapter-right .chapter-copy{grid-column:2}.chapter-right .chapter-art{grid-column:1;grid-row:1}.chapter-copy{max-width:560px;opacity:.18;transform:translateY(90px);transition:opacity .8s,transform 1s var(--ease)}.journey-chapter.in-view .chapter-copy{opacity:1;transform:none}.chapter-no{font:10px "DM Mono";letter-spacing:.17em;color:var(--green)}.chapter-copy h2{font-size:clamp(48px,6.2vw,94px);line-height:.93;letter-spacing:-.07em;font-weight:500;margin:22px 0 30px}.chapter-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:500px}.chapter-copy code{background:#e3eadf;color:var(--green);padding:3px 7px;border-radius:5px}.chapter-copy a{display:inline-block;color:var(--ink);font-size:12px;font-weight:700;margin-top:18px;text-decoration:none;border-bottom:1px solid}.chapter-art{min-height:480px;position:relative;opacity:.12;transform:scale(.78) rotate(-4deg);transition:opacity 1s,transform 1.2s var(--ease)}.journey-chapter.in-view .chapter-art{opacity:1;transform:scale(1) rotate(0)}
.link-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.link-art svg path{fill:none;stroke:var(--green);stroke-width:3;stroke-dasharray:8 10}.link-art svg circle{fill:var(--lime);stroke:var(--green);stroke-width:4}.idea-card{position:absolute;width:230px;height:145px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:25px;box-shadow:0 25px 70px rgba(16,35,28,.1);z-index:2}.idea-card small{font:9px "DM Mono";color:var(--green)}.idea-card strong{display:block;font-size:17px;margin:13px 0}.idea-card i{display:block;width:80%;height:3px;background:#dfe4df;margin:8px 0}.idea-card i:last-child{width:48%}.idea-a{left:0;top:30px;transform:rotate(-6deg)}.idea-b{right:0;bottom:45px;transform:rotate(5deg)}
.focus-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:170px;background:var(--green);color:white;border-radius:18px;padding:35px;box-shadow:0 35px 80px rgba(14,92,62,.25);z-index:2}.focus-note span{font:9px "DM Mono";color:var(--lime)}.focus-note strong{display:block;font-size:22px;margin-top:25px}.back-note{position:absolute;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-radius:99px;font-size:11px;box-shadow:0 15px 35px rgba(16,35,28,.08)}.bn-a{left:0;top:14%}.bn-b{right:0;top:25%}.bn-c{left:8%;bottom:14%}.backlink-art>i{position:absolute;height:1px;background:var(--green);width:45%;left:20%;top:36%;transform:rotate(24deg)}.backlink-art>i:nth-last-child(2){left:51%;top:40%;transform:rotate(-28deg)}.backlink-art>i:last-child{left:17%;top:65%;transform:rotate(-26deg)}
.graph-globe{position:absolute;width:450px;height:450px;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid rgba(14,92,62,.22);border-radius:50%;background:radial-gradient(circle,rgba(182,243,107,.26),transparent 65%);animation:globePulse 5s ease-in-out infinite}.graph-globe:before,.graph-globe:after{content:"";position:absolute;inset:10% -3%;border:1px solid rgba(14,92,62,.2);border-radius:50%;transform:rotate(55deg)}.graph-globe:after{inset:-2% 25%;transform:rotate(-20deg)}.graph-globe i{position:absolute;width:13px;height:13px;border:3px solid var(--green);background:var(--lime);border-radius:50%;z-index:2}.graph-globe i:nth-child(1){left:18%;top:21%}.graph-globe i:nth-child(2){left:52%;top:8%}.graph-globe i:nth-child(3){right:14%;top:28%}.graph-globe i:nth-child(4){left:9%;top:57%}.graph-globe i:nth-child(5){left:44%;top:43%;width:24px;height:24px}.graph-globe i:nth-child(6){right:9%;top:61%}.graph-globe i:nth-child(7){left:30%;bottom:12%}.graph-globe i:nth-child(8){right:26%;bottom:13%}.graph-globe b{position:absolute;height:2px;background:rgba(14,92,62,.6);width:150px;left:22%;top:26%;transform:rotate(30deg);transform-origin:left}.graph-globe b:nth-of-type(2){left:45%;top:45%;transform:rotate(-40deg)}.graph-globe b:nth-of-type(3){left:45%;top:46%;transform:rotate(78deg)}.graph-globe b:nth-of-type(4){left:18%;top:60%;transform:rotate(-20deg)}.graph-art>span{position:absolute;bottom:0;right:5%;font:9px "DM Mono";letter-spacing:.15em;color:var(--green)}@keyframes globePulse{50%{transform:translate(-50%,-50%) scale(1.05)}}
.sync-art{perspective:900px}.sync-device{position:absolute;background:#142e25;border:2px solid #1e4537;box-shadow:0 35px 70px rgba(16,35,28,.2)}.sync-device:before{content:"";position:absolute;inset:8px;background:var(--white)}.sync-device span,.sync-device i{position:absolute;z-index:2;background:#dce4de}.sync-device span{left:23%;top:25%;width:55%;height:10px;background:var(--green)}.sync-device i{left:23%;top:47%;width:60%;height:5px}.sync-device i:last-child{top:60%;width:42%}.sd-laptop{width:340px;height:220px;left:13%;top:18%;border-radius:15px;transform:rotateY(-10deg)}.sd-laptop:after{content:"";position:absolute;left:-35px;right:-35px;bottom:-14px;height:14px;background:#142e25;border-radius:0 0 15px 15px}.sd-phone{width:105px;height:215px;right:5%;top:36%;border-radius:24px;transform:rotate(8deg)}.sd-tablet{width:190px;height:140px;left:2%;bottom:6%;border-radius:13px;transform:rotate(-8deg)}.sync-pulse{position:absolute;width:420px;height:420px;border:2px dashed rgba(14,92,62,.35);border-radius:50%;left:48%;top:48%;transform:translate(-50%,-50%);animation:syncPulse 9s linear infinite}@keyframes syncPulse{to{transform:translate(-50%,-50%) rotate(360deg)}}
.offline-moon{position:absolute;width:360px;height:360px;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);background:#10231c;box-shadow:0 45px 90px rgba(16,35,28,.25),inset -50px -30px 80px rgba(182,243,107,.12);display:grid;place-items:center;color:white}.offline-moon:before{content:"";position:absolute;width:65%;height:65%;border:1px solid rgba(182,243,107,.35);border-radius:50%}.offline-moon i{position:absolute;right:13%;top:13%;width:70px;height:70px;background:var(--lime);border-radius:50%;box-shadow:0 0 50px rgba(182,243,107,.5)}.offline-moon span{text-align:center;font:10px/2 "DM Mono";letter-spacing:.2em}.offline-moon b{font-size:28px;color:var(--lime)}.signal-wave{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%)}.signal-wave i{position:absolute;width:430px;height:430px;border:1px solid rgba(14,92,62,.15);border-radius:50%;transform:translate(-50%,-50%);animation:wave 3s infinite}.signal-wave i:nth-child(2){animation-delay:1s}.signal-wave i:nth-child(3){animation-delay:2s}@keyframes wave{from{scale:.7;opacity:0}40%{opacity:1}to{scale:1.4;opacity:0}}
.platform-art{display:grid;place-items:center}.platform-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:38% 12% 42% 15%;background:var(--green);color:var(--lime);font-size:45px;display:grid;place-items:center;box-shadow:0 25px 70px rgba(14,92,62,.3);z-index:2}.platform-art>span{position:absolute;padding:13px 20px;border:1px solid var(--line);background:var(--white);border-radius:99px;font:10px "DM Mono";letter-spacing:.1em}.platform-art>span:nth-child(1){left:8%;top:20%}.platform-art>span:nth-child(2){right:8%;top:16%}.platform-art>span:nth-child(3){right:0;bottom:20%}.platform-art>span:nth-child(4){left:10%;bottom:15%}.platform-art>span:nth-child(5){left:41%;top:3%}.platform-art:before,.platform-art:after{content:"";position:absolute;width:430px;height:220px;border:1px solid rgba(14,92,62,.2);border-radius:50%;transform:rotate(30deg);animation:platformSpin 12s linear infinite}.platform-art:after{transform:rotate(-35deg);animation-direction:reverse}@keyframes platformSpin{to{rotate:360deg}}
.journey-finale{min-height:105vh;background:#071c17;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:100px 25px}.journey-finale h2{font-size:clamp(64px,9vw,140px);line-height:.87;letter-spacing:-.08em;font-weight:500;margin:0;position:relative;z-index:2}.journey-finale>p:not(.eyebrow){color:#9cafaa;margin:34px 0}.journey-finale .pill-button{background:var(--lime);color:var(--ink);position:relative;z-index:2}.finale-orbit{position:absolute;width:min(75vw,900px);aspect-ratio:1;border:1px solid rgba(182,243,107,.18);border-radius:50%}.finale-orbit:before,.finale-orbit:after,.finale-orbit i{content:"";position:absolute;inset:12%;border:1px solid rgba(182,243,107,.18);border-radius:50%;transform:rotate(45deg) scaleY(.4)}.finale-orbit:after{transform:rotate(-45deg) scaleY(.5)}
.finale-actions{position:relative;z-index:2;display:grid;justify-items:center;gap:10px;width:min(400px,100%)}.finale-actions .pill-button,.finale-download{width:100%}.finale-or{font:500 13px "DM Mono";letter-spacing:.12em;color:#a6bab2}.finale-download{display:flex;align-items:center;justify-content:center;gap:22px;padding:14px 23px;border:1px solid rgba(182,243,107,.35);border-radius:99px;color:#dce9df;text-decoration:none;font-size:13px;font-weight:700;transition:.25s}.finale-download:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
@media(max-width:900px){.journey-chapter{gap:4vw;padding-left:45px;padding-right:45px}.chapter-art{min-height:380px}.graph-globe{width:340px;height:340px}.offline-moon{width:290px;height:290px}.idea-card{width:180px}.sd-laptop{width:260px;height:170px}.sync-pulse{width:330px;height:330px}}
@media(max-width:620px){.journey-hero{padding:120px 22px 60px}.journey-hero h1{font-size:61px}.hero-orbit{width:110vw;right:-48vw;opacity:.5}.journey-progress{right:10px}.journey-chapter{min-height:115vh;display:flex;flex-direction:column;padding:15vh 28px 8vh;gap:35px}.chapter-right .chapter-copy,.chapter-right .chapter-art{order:initial}.chapter-copy{align-self:flex-start}.chapter-copy h2{font-size:50px}.chapter-art{width:100%;min-height:330px}.journey-veins{left:-39%;width:180%;opacity:.38}.vein-traveler{margin-left:calc(50% - 11px);width:22px;height:22px}.idea-card{width:155px;height:115px;padding:15px}.graph-globe{width:300px;height:300px}.offline-moon{width:260px;height:260px}.sd-laptop{width:220px;height:145px;left:14%}.sd-tablet{width:130px;height:95px}.sd-phone{width:70px;height:150px}.sync-pulse{width:270px;height:270px}.platform-art:before,.platform-art:after{width:290px;height:160px}.journey-finale h2{font-size:61px}}

/* Magnetic stops along the feature veins. */
html:has(body.on-home){scroll-snap-type:y mandatory;scroll-padding-top:76px}
.journey-hero,.journey-chapter,.journey-finale{scroll-snap-align:center;scroll-snap-stop:always}
.journey-chapter{scroll-margin-top:38px}
@media(max-width:620px){html:has(body.on-home){scroll-padding-top:64px}.journey-chapter{scroll-snap-align:start;scroll-margin-top:64px}}
@media(prefers-reduced-motion:reduce){html:has(body.on-home){scroll-snap-type:y proximity}}
.vein-nodes circle{fill:var(--lime);stroke-width:5}
.branch-nodes{position:absolute;inset:0;z-index:8;pointer-events:none;display:block}
.branch-nodes i{display:block;position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;box-sizing:border-box;border:5px solid var(--green);border-radius:50%;background:var(--lime);transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--paper),0 0 16px rgba(14,92,62,.35)}
.branch-nodes i.terminal{width:22px;height:22px}
@media(max-width:620px){.branch-nodes{left:-39%;width:180%}.branch-nodes i{width:16px;height:16px;border-width:4px}}
.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:-20px 0 24px}.attachment-list:empty{display:none}.attachment-list a{font-size:11px;color:var(--green);text-decoration:none;background:#e8eee9;border-radius:99px;padding:7px 11px}.sidebar-bottom button[hidden]{display:none}
.note-block-editor.file-drop-active{outline:2px dashed #68b92e;outline-offset:10px;background:rgba(168,255,90,.06)}
.note-attachment-block{position:relative;margin:10px 0 18px;padding-left:30px;max-width:100%}.note-attachment-block>a{display:inline-flex;max-width:100%;color:inherit;text-decoration:none}.note-attachment-block img{display:block;max-width:min(100%,780px);max-height:620px;border-radius:18px;object-fit:contain;box-shadow:0 14px 36px rgba(5,45,30,.12)}.note-file-card{align-items:center;gap:12px;min-width:240px;padding:13px 16px;border:1px solid rgba(10,65,45,.18);border-radius:14px;background:#f3f6f1}.note-file-card .file-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--green);color:white;font-weight:700}.note-file-card span:last-child{display:grid;gap:2px}.note-file-card small{font-size:11px;color:#68736d}
.auth-switch button{border:0;background:none;padding:0;color:var(--green);font:inherit;text-decoration:underline;cursor:pointer}
.hero-orbit b{font-size:0;width:36%;height:36%;background:url("venation-logo.png?v=1") center/contain no-repeat}.platform-core{font-size:0;background:var(--green) url("venation-logo.png?v=1") center/62% no-repeat}
.leaf-switcher{margin:0 0 14px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px}.leaf-switcher label{display:block;font:8px "DM Mono";letter-spacing:.14em;color:rgba(255,255,255,.5);margin-bottom:8px}.leaf-switcher>div{display:grid;grid-template-columns:1fr 30px;gap:6px}.leaf-switcher select{min-width:0;border:0;background:transparent;color:white;font:600 12px Manrope;outline:none}.leaf-switcher select option{color:var(--ink)}.leaf-switcher button{border:0;border-radius:7px;background:var(--lime);color:var(--ink);font-size:16px;cursor:pointer}
.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.signup-fields[hidden]{display:none}.signup-fields .phone-field{grid-column:1/-1}.phone-field>span{display:grid;grid-template-columns:105px 1fr;border-bottom:1px solid var(--line)}.phone-field select{border:0;background:transparent;font:13px inherit;outline:none}.phone-field input{border-bottom:0!important}.verify-email{display:grid;gap:17px;justify-items:center}.verify-email[hidden]{display:none}.verify-email .mail-symbol{width:64px;height:64px;border-radius:50%;background:#e6f1e8;color:var(--green);display:grid;place-items:center;font-size:25px}.verify-email h1{margin:0}.verify-email p{line-height:1.7}.resend-button,.text-auth-button{border:0;background:none;color:var(--green);font:12px inherit;text-decoration:underline;cursor:pointer}.resend-button:disabled{color:var(--muted);cursor:default}.text-auth-button{color:var(--muted)}
@media(max-width:480px){.signup-fields{grid-template-columns:1fr}.signup-fields .phone-field{grid-column:auto}}
.password-requirements{display:block;color:#c43b2f;font-size:10px;line-height:1.5;margin-top:2px;text-align:left}.password-requirements[hidden]{display:none}.password-requirements.valid{color:#2d8659}
.consent-check{grid-column:1/-1!important;display:grid!important;grid-template-columns:20px 1fr;gap:11px!important;align-items:start;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#f4f7f1;cursor:pointer}.consent-check input{appearance:none;width:18px!important;height:18px;margin:1px 0 0;padding:0!important;border:1.5px solid rgba(14,92,62,.45)!important;border-radius:5px!important;background:white!important;display:grid;place-items:center;cursor:pointer}.consent-check input:checked{background:var(--green)!important;border-color:var(--green)!important}.consent-check input:checked:after{content:'✓';color:white;font-size:12px;font-weight:800;line-height:1}.consent-check input:focus-visible{outline:3px solid rgba(182,243,107,.55);outline-offset:2px}.consent-check span{display:grid;gap:4px}.consent-check strong{font-size:11px;color:var(--ink)}.consent-check small{font-size:9px;line-height:1.55;color:var(--muted);font-weight:500}.settings-marketing-consent{margin-top:2px}
.age-requirement,.age-policy-notice{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}.age-requirement.error{color:#b3261e}.age-policy-notice{grid-column:1/-1;margin:0}.age-policy-notice a{color:var(--green);font-weight:700}
.password-label{position:relative}.password-label input{padding-right:38px}.password-toggle{position:absolute;right:0;top:28px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.password-toggle svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7}.password-toggle.visible{color:var(--green)}.password-toggle.visible:after{content:"";position:absolute;width:21px;height:1.5px;background:currentColor;transform:rotate(-42deg)}
.spam-notice{font-size:11px!important;color:#9b6b24!important;background:#fff5dc;padding:10px 14px;border-radius:8px}.account-settings[hidden]{display:none}.account-settings form{display:grid;gap:20px;margin:30px 0 20px;text-align:left}.settings-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-settings .text-auth-button{margin-top:5px}@media(max-width:480px){.settings-name-grid{grid-template-columns:1fr}}
.settings-phone-wrap{display:grid;grid-template-columns:105px 1fr;border-bottom:1px solid var(--line)}.settings-phone-wrap select{border:0;background:transparent;font:13px inherit;outline:none}.settings-phone-wrap input{border-bottom:0!important}
.editor-body{position:relative}.note-suggestions{position:absolute;left:65px;right:65px;top:205px;z-index:7;background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:7px;box-shadow:0 22px 60px rgba(16,35,28,.16);max-height:330px;overflow:auto}.note-suggestions[hidden]{display:none}.note-suggestion{width:100%;border:0;background:transparent;border-radius:9px;padding:11px 13px;text-align:left;display:grid;gap:4px;color:var(--ink);cursor:pointer}.note-suggestion:hover,.note-suggestion.active{background:#e7eee9}.note-suggestion strong{font-size:13px}.note-suggestion span,.suggestion-empty{font-size:10px;color:var(--muted)}.suggestion-empty{padding:12px}@media(max-width:620px){.note-suggestions{left:22px;right:22px;top:170px}}
.content-editor-wrap{position:relative;min-height:360px}.note-highlight,.content-editor-wrap .note-content{position:absolute;inset:0;width:100%;min-height:360px;margin:0;padding:0;border:0;font:16px/1.9 "Noto Sans KR",sans-serif;white-space:pre-wrap;overflow-wrap:break-word}.note-highlight{pointer-events:none;color:#24372f;overflow:hidden}.wiki-highlight{color:var(--green);font-weight:700}.content-editor-wrap .note-content{z-index:1;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#24372f;resize:none}.content-editor-wrap .note-content::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted)}.note-tables{display:grid;gap:24px;margin:12px 0 42px}.note-table-block{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.note-table-block table{width:100%;border-collapse:collapse;table-layout:fixed}.note-table-block th,.note-table-block td{min-width:110px;padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;font-size:13px;outline:none}.note-table-block th{background:#e8eee9;color:var(--green);font-weight:700}.note-table-block tr:last-child>*{border-bottom:0}.note-table-block tr>*:last-child{border-right:0}.note-table-block td:focus,.note-table-block th:focus{box-shadow:inset 0 0 0 2px var(--green)}.note-context-menu{position:fixed;z-index:100;background:#fffdf7;border:1px solid var(--line);border-radius:11px;padding:6px;box-shadow:0 20px 55px rgba(16,35,28,.2);width:195px}.note-context-menu[hidden]{display:none}.note-context-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:7px;color:var(--ink);font:12px Manrope;cursor:pointer}.note-context-menu button:hover{background:#e7eee9}.note-context-menu button:last-child{color:#b23b31}
.note-context-menu button:last-child{color:var(--ink)}.note-context-menu button[data-action^="delete"]{color:#b23b31}
.note-table-block th.column-filtered{position:relative;padding-right:34px;background:#dceade}.note-table-block th.column-filtered:after{content:"\25BC";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--green)}.column-filter-panel{padding:7px 7px 10px;border-bottom:1px solid var(--line)}.column-filter-panel>p{margin:3px 2px 7px;font:8px "DM Mono";letter-spacing:.14em;color:var(--muted)}.column-filter-panel input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:12px Manrope;outline:none}.column-filter-panel input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,92,62,.1)}.column-filter-panel>div{display:flex;gap:5px;margin-top:6px}.note-context-menu .column-filter-panel button{width:auto;flex:1;text-align:center;background:#e7eee9}.note-context-menu .column-filter-panel button[data-action="clear-column-filter"]{background:#f3ece8;color:#9b4339}
.note-context-menu:has(.table-context-panels){width:min(560px,calc(100vw - 16px));max-height:min(620px,calc(100vh - 16px));overflow:auto}.table-context-panels{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(260px,1.15fr)}.table-options-panel{padding-right:7px;border-right:1px solid var(--line)}.cell-text-panel{padding-left:7px}.table-context-panels>div>p{margin:7px 9px 8px;font:8px "DM Mono";letter-spacing:.14em;color:var(--muted)}.table-options-panel>button{padding-top:8px;padding-bottom:8px}
.table-insert-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 4px 10px;padding:8px;border:1px solid rgba(14,92,62,.14);border-radius:10px;background:#eef4ed}.note-context-menu .table-insert-grid button{padding:9px 7px;text-align:center;background:white;border:1px solid rgba(14,92,62,.08);font-weight:700;color:var(--green)}.note-context-menu .table-insert-grid button:hover{background:var(--lime);color:var(--ink)}
.command-suggestion{grid-template-columns:48px 1fr!important;align-items:center}.command-suggestion kbd{display:grid;place-items:center;min-height:34px;border:1px solid var(--line);border-radius:7px;background:#f1f3ec;color:var(--green);font:600 12px "DM Mono"}.command-suggestion>span{display:grid;gap:3px}.command-suggestion small{font-size:9px;color:var(--muted)}
@media(min-width:621px){.note-context-menu:has(.table-context-panels){width:560px;max-width:calc(100vw - 24px);overflow-x:hidden}.note-context-menu:has(.table-context-panels) .table-context-panels{grid-template-columns:220px 1fr;width:100%}}
.note-block-editor{display:grid;align-content:start;gap:20px;min-height:360px;margin-bottom:42px}.note-text-block{position:relative;min-height:31px}.note-text-block .note-highlight,.note-text-block .note-textarea{position:absolute;inset:0;width:100%;min-height:31px;margin:0;padding:0;border:0;font:16px/1.9 "Noto Sans KR",sans-serif;white-space:pre-wrap;overflow-wrap:break-word}.note-text-block .note-highlight{pointer-events:none;color:#24372f;overflow:hidden}.note-text-block .note-textarea{z-index:1;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#24372f;resize:none;outline:none;overflow:hidden}.note-text-block .note-textarea::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted)}.note-block-editor .note-table-block{margin:2px 0}.note-block-editor+.backlinks{margin-top:0}
.text-highlight{padding:1px 0;border-radius:2px;color:inherit}.text-highlight.yellow{background:#ffe88a}.text-highlight.green{background:#bfe9bc}.text-highlight.blue{background:#b9dcf7}.text-highlight.pink{background:#f5bfd4}.note-context-menu:has(.text-format-row){width:275px}.note-context-menu>p{margin:10px 8px 5px;font:8px "DM Mono";letter-spacing:.14em;color:var(--muted)}.text-format-row{display:flex;gap:3px}.note-context-menu .text-format-row button{width:auto;flex:1;text-align:center;padding:9px 7px}.highlight-colors{display:flex;gap:8px;padding:5px 8px}.note-context-menu .highlight-colors button{width:25px;height:25px;min-width:25px;padding:0;border:2px solid rgba(16,35,28,.12);border-radius:50%}.highlight-colors button:nth-child(1){background:#ffe88a}.highlight-colors button:nth-child(2){background:#bfe9bc}.highlight-colors button:nth-child(3){background:#b9dcf7}.highlight-colors button:nth-child(4){background:#f5bfd4}.highlight-colors button:nth-child(5){background:white;color:var(--muted)}
.mention-highlight{color:#08784c;font-weight:700;background:#dff2e7;border-radius:4px;padding:1px 3px}.shared-sidebar{margin-top:18px;max-height:180px;overflow:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.friends-modal{position:fixed;inset:0;z-index:120;background:rgba(7,28,23,.55);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.friends-modal[hidden]{display:none}.friends-card{width:min(560px,100%);max-height:82vh;overflow:auto;background:var(--white);border-radius:22px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.25)}.friends-card>header{display:flex;justify-content:space-between;align-items:flex-start}.friends-card h2{font-size:38px;margin:0}.friends-card>header button{border:0;background:none;font-size:28px;cursor:pointer}.friends-card form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:25px 0 8px}.friends-card form input{border:1px solid var(--line);border-radius:10px;padding:13px}.friends-card form button,.friends-card article button{border:0;border-radius:8px;background:var(--green);color:white;padding:10px 13px;cursor:pointer}.friends-card>section{margin-top:28px}.friends-card h3{font:9px "DM Mono";letter-spacing:.15em;color:var(--muted)}.friends-card article{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.friends-card article span{display:grid;gap:3px}.friends-card article small{color:var(--muted)}.friends-card article div{display:flex;gap:6px}.friends-card article button:last-child{background:#ece9e1;color:var(--ink)}#friend-status{min-height:18px;color:var(--green);font-size:11px}
.editor-body{max-width:1200px;width:calc(100% - 70px);padding-left:35px;padding-right:35px}.leaf-switcher>div{grid-template-columns:1fr 38px 30px}.birthday-field{grid-column:1/-1}.presence-list{margin-left:auto;color:var(--green);font-weight:700}.text-color.yellow{color:#b88b00}.text-color.green{color:#08784c}.text-color.blue{color:#2176a8}.text-color.pink{color:#c54b7c}.note-table-block table{width:max-content;min-width:100%;table-layout:fixed}.note-table-block td.cell-selected,.note-table-block th.cell-selected{background:#d8f0df;box-shadow:inset 0 0 0 2px var(--green)}.text-colors button:nth-child(1){background:#e5b600}.text-colors button:nth-child(2){background:#08784c}.text-colors button:nth-child(3){background:#2176a8}.text-colors button:nth-child(4){background:#c54b7c}.text-colors button:nth-child(5){background:#10231c}@media(max-width:620px){.editor-body{width:100%;padding:35px 22px}}
.leaf-switcher{position:relative}.leaf-options-menu{display:block;position:absolute;z-index:30;top:67px;right:38px;width:205px;padding:7px;background:#fffdf7;color:var(--ink);border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.leaf-options-menu[hidden]{display:none}.leaf-options-menu>button{display:block;width:100%;padding:10px 11px;background:transparent;text-align:left;font:12px Manrope}.leaf-options-menu .danger{color:#b23b31}.leaf-rename-form,.leaf-delete-confirm{padding:8px}.leaf-rename-form label{color:var(--muted);font:8px "DM Mono"}.leaf-rename-form input{width:100%;margin:8px 0 12px;padding:10px;border:1px solid var(--line);border-radius:7px;font:13px Manrope}.leaf-rename-form>div,.leaf-delete-confirm>div{display:flex;justify-content:flex-end;gap:6px}.leaf-options-menu form button,.leaf-delete-confirm button{padding:8px 10px;font-size:11px;background:#e9ece7}.leaf-options-menu form button[type="submit"]{background:var(--green);color:white}.leaf-delete-confirm strong{font-size:12px}.leaf-delete-confirm p{font-size:10px;line-height:1.5;color:var(--muted)}
.leaf-switcher>.leaf-options-menu{display:block;grid-template-columns:none}.leaf-switcher>.leaf-options-menu[hidden]{display:none}.leaf-switcher>.leaf-options-menu>button{display:block;width:100%}
.leaf-delete-error{color:#b23b31!important;font-size:10px!important}
.new-leaf-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:rgba(7,28,23,.58);backdrop-filter:blur(9px)}.new-leaf-modal[hidden]{display:none}.new-leaf-card{width:min(440px,100%);padding:34px;background:var(--white);color:var(--ink);border:1px solid rgba(255,255,255,.35);border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.3)}.new-leaf-card h2{margin:0;font-size:34px;letter-spacing:-.05em}.new-leaf-card>p:not(.eyebrow):not(.new-leaf-status){color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0 25px}.new-leaf-card label{display:grid;gap:8px;color:var(--muted);font-size:10px}.new-leaf-card input{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font:14px Manrope;outline:none}.new-leaf-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,92,62,.1)}.new-leaf-card>div{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.new-leaf-card button{border:0;border-radius:9px;padding:11px 16px;background:#e8ebe5;color:var(--ink);font:600 12px Manrope;cursor:pointer}.new-leaf-card button[type="submit"]{background:var(--green);color:white}.new-leaf-card button:disabled{opacity:.6}.new-leaf-status{min-height:16px;margin:12px 0 0;color:#b23b31;font-size:10px}
.leaf-tree-view{position:fixed;inset:76px 0 0;z-index:20;display:grid;grid-template-columns:300px 1fr;background:#edf0e8;overflow:hidden}.leaf-tree-view[hidden]{display:none}.tree-sidebar{background:#102f25;color:#f8f5eb;padding:38px 25px 28px;display:flex;flex-direction:column;min-height:0}.tree-brand{display:flex;align-items:center;gap:11px;margin-bottom:62px}.tree-brand img{width:29px;height:29px;object-fit:contain}.tree-brand strong{font-size:18px}.tree-sidebar h2{font-size:38px;line-height:1;margin:0;letter-spacing:-.06em}.tree-sidebar>div>p:not(.eyebrow){font-size:11px;line-height:1.7;color:rgba(255,255,255,.53)}.tree-leaf-list{display:grid;gap:5px;margin:25px -7px 18px;overflow:auto}.tree-leaf-list button{border:0;background:transparent;color:white;border-radius:10px;padding:12px 10px;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;text-align:left;cursor:pointer;transition:.25s}.tree-leaf-list button:hover,.tree-leaf-list button.glowing{background:rgba(255,255,255,.1)}.tree-leaf-list span{font:8px "DM Mono";color:var(--lime)}.tree-leaf-list strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-leaf-list i{font-style:normal;opacity:.5}.tree-sidebar>#tree-new-leaf{margin-top:auto;border:1px solid rgba(255,255,255,.18);background:transparent;color:white;border-radius:10px;padding:12px;font:600 12px Manrope;cursor:pointer}.tree-stage{position:relative;overflow:hidden;min-width:0;background:radial-gradient(circle at 65% 48%,rgba(182,243,107,.18),transparent 33%),linear-gradient(135deg,#f8f6ee,#e8ede3)}.tree-stage>header{position:absolute;left:55px;top:45px;z-index:3}.tree-stage h1{font-size:clamp(42px,5vw,78px);line-height:.88;letter-spacing:-.07em;font-weight:500;margin:0}.tree-canvas{position:absolute;right:2%;bottom:-4%;width:min(76vw,920px);height:min(82vh,780px)}.tree-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tree-trunk,.tree-branch,.tree-twig{fill:none;stroke:url(#trunkGradient);stroke-linecap:round}.tree-trunk{stroke-width:34}.tree-branch{stroke-width:17}.tree-twig{stroke-width:8}.tree-aura{position:absolute;left:50%;top:55%;width:65%;height:65%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(14,92,62,.13),transparent 68%);filter:blur(25px)}.tree-leaves{position:absolute;inset:0}.tree-leaf{position:absolute;left:var(--x);top:var(--y);width:74px;height:42px;transform:translate(-50%,-50%) rotate(var(--r));border:2px solid #0e5c3e;border-radius:80% 12% 80% 12%;background:linear-gradient(145deg,#b6f36b,#71c95f);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 8px 18px rgba(14,92,62,.16);transition:transform .35s var(--ease),box-shadow .35s,filter .35s;z-index:2}.tree-leaf:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:rgba(14,92,62,.55);transform:rotate(-5deg)}.tree-leaf span{position:absolute;left:50%;top:-27px;transform:translateX(-50%) rotate(calc(-1 * var(--r)));white-space:nowrap;opacity:0;background:#102f25;color:white;border-radius:7px;padding:6px 9px;font:9px Manrope;pointer-events:none;transition:.2s}.tree-leaf:hover,.tree-leaf.glowing{transform:translate(-50%,-50%) rotate(var(--r)) scale(1.18);filter:saturate(1.25);box-shadow:0 0 0 9px rgba(182,243,107,.2),0 0 34px 16px rgba(182,243,107,.72),0 16px 25px rgba(14,92,62,.24)}.tree-leaf:hover span,.tree-leaf.glowing span{opacity:1}.tree-hint{position:absolute;right:35px;bottom:23px;font:9px "DM Mono";letter-spacing:.12em;color:var(--green)}
.tree-sidebar-toggle,.tree-sidebar-close,.tree-sidebar-scrim{display:none}
.mobile-nav-panel{display:none}.mobile-nav-panel[hidden]{display:none}
@media(max-width:900px){.site-header.menu-open{background:rgba(244,241,232,.97);border-color:var(--line)}.site-header.menu-open .menu-button{font-size:27px;line-height:1}.mobile-nav-panel{position:absolute;display:flex;top:calc(100% + 8px);left:14px;right:14px;padding:10px;flex-direction:column;background:#fffdf7;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(16,35,28,.2)}.mobile-nav-panel a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:9px;color:var(--ink);font:600 13px Manrope;text-decoration:none}.mobile-nav-panel a:after{content:"↗";color:var(--green)}.mobile-nav-panel a:hover,.mobile-nav-panel a:active{background:#e8eee9}}
.app-shell[hidden]{display:none}
@media(max-width:760px){.leaf-tree-view{inset:64px 0 0;display:block}.tree-sidebar{position:absolute;left:12px;top:12px;bottom:12px;width:min(300px,calc(100vw - 48px));z-index:8;padding:24px 20px;border-radius:17px;box-shadow:0 20px 60px rgba(0,0,0,.28);transform:translateX(calc(-100% - 28px));transition:transform .38s var(--ease)}.leaf-tree-view.sidebar-open .tree-sidebar{transform:none}.tree-sidebar-scrim{display:block;position:absolute;inset:0;z-index:7;border:0;background:rgba(7,28,23,.35);opacity:0;pointer-events:none;transition:opacity .3s}.leaf-tree-view.sidebar-open .tree-sidebar-scrim{opacity:1;pointer-events:auto}.tree-sidebar-toggle{display:flex;position:absolute;left:16px;top:17px;z-index:6;align-items:center;gap:8px;border:1px solid rgba(14,92,62,.18);border-radius:99px;padding:10px 14px;background:rgba(255,253,247,.9);backdrop-filter:blur(12px);color:var(--green);font:700 11px Manrope;box-shadow:0 8px 25px rgba(16,35,28,.1)}.tree-sidebar-close{display:grid;position:absolute;right:16px;top:16px;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:white;font-size:22px}.tree-brand{margin-bottom:38px}.tree-sidebar h2{font-size:34px}.tree-stage{position:absolute;inset:0}.tree-stage>header{left:20px;right:20px;top:78px}.tree-stage h1{font-size:clamp(42px,13vw,60px);max-width:calc(100vw - 40px)}.tree-canvas{left:12px;right:12px;top:265px;bottom:12px;width:auto;height:auto}.tree-canvas svg{width:100%;height:100%}.tree-leaf{width:clamp(45px,14vw,60px);height:clamp(27px,8vw,34px)}.tree-hint{display:none}}
@media(max-width:760px) and (max-height:700px){.tree-stage>header{top:68px}.tree-stage h1{font-size:40px}.tree-canvas{top:220px}}
@media(max-width:620px){html:has(body.on-home){scroll-padding-top:64px}.journey-chapter{min-height:calc(100svh - 64px);scroll-margin-top:0;padding:8svh 28px 5svh;gap:18px;justify-content:center}.journey-chapter .chapter-copy{flex:0 0 auto}.journey-chapter .chapter-art{min-height:250px;max-height:32svh;flex:1 1 250px}.journey-finale{min-height:calc(100svh - 64px);scroll-margin-top:0}}
@media(max-width:620px){.journey-finale{padding:55px 28px}.journey-finale>p:not(.eyebrow){margin:24px 0}.finale-actions{width:min(100%,400px);gap:8px}.finale-actions .pill-button{padding-top:14px;padding-bottom:14px}.finale-download{padding:12px 20px}}
@media(max-width:620px) and (max-height:760px){.journey-chapter{padding-top:5svh;padding-bottom:3svh;gap:10px}.chapter-copy h2{font-size:44px;margin:15px 0 18px}.chapter-copy p{font-size:14px;line-height:1.6}.journey-chapter .chapter-art{min-height:190px;max-height:27svh}}
@media(min-width:621px){body .note-context-menu:has(.table-context-panels){left:50%!important;right:auto!important;width:min(680px,calc(100vw - 32px))!important;max-width:none!important;transform:translateX(-50%);overflow-x:hidden}body .note-context-menu:has(.table-context-panels) .table-context-panels{grid-template-columns:minmax(220px,250px) minmax(0,1fr);width:100%}.cell-text-panel{min-width:0}.cell-text-panel .text-format-row{width:100%}}
.note-table-block{position:relative;transition:box-shadow .2s,opacity .2s}.note-table-block:before{content:"Hold to move";position:absolute;right:8px;top:7px;z-index:3;padding:4px 7px;border-radius:5px;background:rgba(16,35,28,.72);color:white;font:7px "DM Mono";letter-spacing:.08em;opacity:0;pointer-events:none;transition:.2s}.note-table-block:hover:before{opacity:.7}.note-table-block.table-dragging{opacity:.94;box-shadow:0 25px 65px rgba(16,35,28,.28);cursor:grabbing;transform:rotate(.3deg)}.note-table-block.table-dragging:before{content:"Move table";opacity:1;background:var(--green)}.table-drag-placeholder{border:2px dashed rgba(14,92,62,.45);border-radius:12px;background:rgba(182,243,107,.12);min-height:54px}
.note-text-block{transition:box-shadow .2s,opacity .2s}.note-text-block:before{content:"Hold to move";position:absolute;right:4px;top:2px;z-index:3;padding:4px 7px;border-radius:5px;background:rgba(16,35,28,.72);color:white;font:7px "DM Mono";letter-spacing:.08em;opacity:0;pointer-events:none;transition:.2s}.note-text-block:hover:before{opacity:.55}.block-dragging{opacity:.95!important;box-shadow:0 25px 65px rgba(16,35,28,.25)!important;cursor:grabbing!important;transform:rotate(.25deg);background:var(--white)}.block-dragging:before{content:"Move " attr(data-drag-kind)!important;opacity:1!important;background:var(--green)!important}.block-drag-placeholder{border:2px dashed rgba(14,92,62,.45);border-radius:12px;background:rgba(182,243,107,.12);min-height:38px}
.block-drag-handle{display:grid;place-items:center;position:absolute;right:7px;top:7px;z-index:6;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:rgba(255,253,247,.94);color:var(--green);font-size:20px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.block-drag-handle:active{cursor:grabbing;background:#e3eee5}.note-text-block>.block-drag-handle{top:0}.block-dragging>.block-drag-handle{display:none!important}.note-table-block:before,.note-text-block:before{display:none}.note-text-block .note-textarea,.note-text-block .note-highlight{padding-right:42px}
@media(pointer:coarse){.block-drag-handle{display:grid;place-items:center}.note-table-block:before,.note-text-block:before{display:none}.note-text-block .note-textarea{padding-right:42px}.note-text-block .note-highlight{padding-right:42px}}

/* Keeps wide, tall tables horizontally scrollable without reaching their final row. */
.note-table-block{overflow:visible}
.note-table-viewport{overflow-x:auto;border-radius:inherit;scrollbar-width:none;overscroll-behavior-x:contain}
.note-table-viewport::-webkit-scrollbar{display:none}
.table-scroll-dock{position:sticky;z-index:5;bottom:8px;width:100%;height:17px;overflow-x:auto;overflow-y:hidden;border-top:1px solid rgba(14,92,62,.18);border-radius:0 0 11px 11px;background:rgba(255,253,247,.94);box-shadow:0 -5px 14px rgba(16,35,28,.08);scrollbar-color:var(--green) #e3e9e4;scrollbar-width:auto}
.table-scroll-dock[hidden]{display:none}
.table-scroll-track{height:1px}
.table-scroll-dock::-webkit-scrollbar{height:14px}
.table-scroll-dock::-webkit-scrollbar-track{background:#e3e9e4;border-radius:99px}
.table-scroll-dock::-webkit-scrollbar-thumb{background:var(--green);border:3px solid #e3e9e4;border-radius:99px}
.os-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--ink)}.os-icon svg{width:31px;height:31px;display:block;fill:currentColor}.windows-icon{color:#0078d4}.android-icon{color:#3ddc84}.web-icon{color:var(--green)}.web-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}.apple-icon{color:#111}
.confirm-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;background:rgba(7,28,23,.6);backdrop-filter:blur(9px)}.confirm-modal[hidden]{display:none}.confirm-card{width:min(430px,100%);padding:34px;background:var(--white);color:var(--ink);border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.32)}.confirm-card h2{margin:0;font-size:29px;line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}.confirm-message{margin:14px 0 26px;color:var(--muted);font-size:12px;line-height:1.7}.confirm-error{min-height:0;color:#b23b31;font-size:10px}.confirm-card>div{display:flex;justify-content:flex-end;gap:8px}.confirm-card button{border:0;border-radius:9px;padding:11px 17px;background:#e8ebe5;color:var(--ink);font:600 12px Manrope;cursor:pointer}.confirm-card button.danger{background:#b23b31;color:white}.confirm-card button:focus-visible{outline:3px solid rgba(14,92,62,.22);outline-offset:2px}
.manual-save-button{border:0;border-radius:99px;padding:5px 9px;background:#c84b3f;color:white;font:700 9px Manrope;cursor:pointer}.manual-save-button[hidden]{display:none}.manual-save-button:hover{background:#a9362d}
.note-item.pinned{background:rgba(182,243,107,.08)}.note-item .pin-mark{font-style:normal;font-size:8px;color:var(--lime);vertical-align:2px}
.note-item.owned-note-item{min-height:34px;padding:8px 11px;display:flex;align-items:center}.note-item.owned-note-item strong{width:100%;line-height:18px}
.graph-panel{z-index:40}.graph-panel.open{isolation:isolate}
.text-link{color:#1479b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.link-format-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 0}.note-context-menu .link-format-row button{width:100%;padding:9px;text-align:center}.link-modal{position:fixed;inset:0;z-index:155;display:grid;place-items:center;padding:20px;background:rgba(7,28,23,.6);backdrop-filter:blur(9px)}.link-modal[hidden]{display:none}.link-card{width:min(440px,100%);padding:34px;background:var(--white);color:var(--ink);border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.32)}.link-card h2{margin:0 0 24px;font-size:31px;letter-spacing:-.05em}.link-card label{display:grid;gap:8px;color:var(--muted);font-size:10px}.link-card input{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;background:white;font:14px Manrope;outline:none}.link-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,92,62,.1)}.link-error{min-height:17px;color:#b23b31;font-size:10px}.link-card>div{display:flex;justify-content:flex-end;gap:8px}.link-card button{border:0;border-radius:9px;padding:11px 16px;background:#e8ebe5;font:600 12px Manrope}.link-card button[type="submit"]{background:var(--green);color:white}
.note-checkbox-block{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:38px;padding:4px 0}.note-checkbox-block>input[type="checkbox"]{appearance:none;width:20px;height:20px;margin:0;border:2px solid var(--green);border-radius:5px;background:white;cursor:pointer;display:grid;place-items:center;transition:.2s}.note-checkbox-block>input[type="checkbox"]:checked{background:var(--green)}.note-checkbox-block>input[type="checkbox"]:checked:after{content:"✓";color:white;font:700 13px Manrope}.note-checkbox-block>input[type="text"]{width:100%;border:0;background:transparent;outline:none;color:#24372f;font:15px/1.8 "Noto Sans KR",sans-serif}.note-checkbox-block.checked>input[type="text"]{color:var(--muted);text-decoration:line-through}.note-checkbox-block>input:disabled{cursor:default;opacity:.7}
.link-modifier-active .note-text-block .note-highlight{pointer-events:auto;cursor:text}
.link-modifier-active .text-link{cursor:pointer}
.graph-line-main{stroke:var(--lime);stroke-width:5;stroke-linecap:round;opacity:.88}
.graph-line-aux{stroke:rgba(244,241,232,.5);stroke-width:1.25;stroke-dasharray:3 7;stroke-linecap:round}
.graph-level{fill:#102a22;font:700 8px "DM Mono";text-anchor:middle;pointer-events:none}
.graph-line{fill:none}
.graph-node.joint-node{fill:#f3a96b;stroke:#ffd6ac}
.graph-node.joint-node.active{fill:#ffbe79;stroke:white}
.command-highlight{color:var(--green);font-weight:700}
.new-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.new-joint{border:1px solid rgba(182,243,107,.5);background:transparent;padding:12px 8px;border-radius:10px;font-weight:700;color:var(--lime);cursor:pointer}
.joint-mark{display:inline-block;padding:2px 4px;border-radius:4px;background:#f3a96b;color:#17382d;font:700 7px "DM Mono";vertical-align:2px}
.joint-editor:before{content:"JOINT · COMMANDS ONLY";display:block;margin-bottom:18px;color:#bd6b31;font:700 9px "DM Mono";letter-spacing:.12em}
.hidden-note-block{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1px dashed rgba(14,92,62,.35);border-radius:10px;background:#f2f3ed;color:var(--muted);font:10px "DM Mono"}
.hidden-note-block button{border:0;border-radius:7px;padding:7px 11px;background:var(--green);color:white;font:700 10px Manrope;cursor:pointer}
.block-drag-handle{left:7px;right:auto}
.note-text-block .note-textarea,.note-text-block .note-highlight{padding-left:42px;padding-right:0}
@media(pointer:coarse){.note-text-block .note-textarea,.note-text-block .note-highlight{padding-left:42px;padding-right:0}}
.note-table-block[data-resizing]{user-select:none}
.wiki-highlight,.command-highlight,.mention-highlight{color:var(--green);font-weight:700;background:transparent;border-radius:0;padding:0}
.empty-leaf-message{padding:45px 20px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--green);font:600 18px Manrope}.empty-leaf-message span{display:inline-block;margin-top:7px;color:var(--muted);font-size:11px;font-weight:500}
.app-sidebar{min-height:0;overflow:hidden}.app-sidebar>#note-list{flex:1 1 auto;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.app-sidebar>.shared-sidebar,.app-sidebar>.sidebar-bottom{flex:0 0 auto}.app-sidebar>#note-list::-webkit-scrollbar{width:7px}.app-sidebar>#note-list::-webkit-scrollbar-track{background:transparent}.app-sidebar>#note-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}
.leaf-select-shell{position:relative;min-width:0}.leaf-switcher .leaf-select-shell>#leaf-dropdown-trigger{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.05);color:white;font:600 12px Manrope;text-align:left}.leaf-select-shell>#leaf-dropdown-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaf-select-shell>#leaf-dropdown-trigger i{font-style:normal;color:var(--lime);transition:transform .2s}.leaf-select-shell>#leaf-dropdown-trigger[aria-expanded="true"] i{transform:rotate(180deg)}.leaf-select-shell>#leaf-dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:35;padding:6px;border:1px solid rgba(14,92,62,.16);border-radius:10px;background:#fffdf7;color:var(--ink);box-shadow:0 18px 45px rgba(0,0,0,.28);max-height:220px;overflow-y:auto}.leaf-select-shell>#leaf-dropdown-menu[hidden]{display:none}.leaf-switcher .leaf-select-shell>#leaf-dropdown-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 11px Manrope;text-align:left}.leaf-switcher .leaf-select-shell>#leaf-dropdown-menu button:hover,.leaf-switcher .leaf-select-shell>#leaf-dropdown-menu button[aria-selected="true"]{background:#e4eee5;color:var(--green)}.leaf-select-shell>#leaf-dropdown-menu button i{font-style:normal;color:var(--green)}
.sidebar-collections{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.sidebar-collection{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1)}.sidebar-collection:first-child{border-top:0}.sidebar-collection.open{flex:1 1 0}.sidebar-section-toggle{flex:0 0 auto;width:100%;display:grid;grid-template-columns:1fr auto 14px;align-items:center;gap:7px;padding:10px;border:0;background:transparent;color:rgba(255,255,255,.58);font:500 9px "DM Mono";letter-spacing:.1em;text-align:left;cursor:pointer}.sidebar-section-toggle b{font:500 9px "DM Mono"}.sidebar-section-toggle i{font-style:normal;color:var(--lime);transition:transform .2s}.sidebar-collection.open>.sidebar-section-toggle i{transform:rotate(180deg)}.sidebar-section-body{flex:1 1 auto;min-height:0;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.sidebar-section-body[hidden]{display:none}.sidebar-section-body::-webkit-scrollbar{width:7px}.sidebar-section-body::-webkit-scrollbar-track{background:transparent}.sidebar-section-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}.app-sidebar>.sidebar-bottom{flex:0 0 auto}
.block-drag-handle{left:-8px;top:-8px;right:auto;width:16px;height:16px;border-radius:5px;font-size:11px;line-height:1;box-shadow:0 4px 12px rgba(16,35,28,.12)}
.note-text-block>.block-drag-handle{top:-8px}
.note-text-block .note-textarea,.note-text-block .note-highlight{padding-left:14px;padding-right:0}
@media(pointer:coarse){.block-drag-handle{width:18px;height:18px;font-size:12px}.note-text-block .note-textarea,.note-text-block .note-highlight{padding-left:16px;padding-right:0}}
.note-table-block th,.note-table-block td{box-sizing:border-box;min-width:28px;padding:8px 9px;line-height:1.45;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.note-table-block th{background:#e8eee9;color:var(--green);font-weight:700}
.table-cell-checkbox{appearance:none;width:15px;height:15px;margin:0 7px 0 0;vertical-align:-2px;border:1.8px solid var(--green);border-radius:4px;background:white;display:inline-grid;place-items:center;cursor:pointer}.table-cell-checkbox:checked{background:var(--green)}.table-cell-checkbox:checked:after{content:"✓";color:white;font:700 10px Manrope}.cell-checkbox-action{margin:6px 0;background:#eaf3e9!important;color:var(--green)!important;font-weight:700!important;text-align:center!important}
.note-table-block th .table-resizer,.note-table-block td .table-resizer{position:absolute;z-index:7;background:transparent;touch-action:none}
.note-table-block th,.note-table-block td{position:relative}
.table-resizer.column{top:0;right:-4px;width:8px;height:100%;cursor:col-resize}
.table-resizer.row{left:0;bottom:-4px;width:100%;height:8px;cursor:row-resize}
.table-resizer.column:hover{background:linear-gradient(90deg,transparent 3px,rgba(14,92,62,.32) 3px,rgba(14,92,62,.32) 5px,transparent 5px)}
.table-resizer.row:hover{background:linear-gradient(0deg,transparent 3px,rgba(14,92,62,.32) 3px,rgba(14,92,62,.32) 5px,transparent 5px)}
@media(min-width:621px){.note-editor .editor-body{margin-left:28px;margin-right:auto;width:min(1200px,calc(100% - 56px));padding-left:20px;padding-right:28px}.note-editor .note-suggestions{left:48px;right:auto;width:min(760px,calc(100% - 96px))}}
.graph-tools{display:flex;align-items:center;gap:9px;margin:12px 0 3px}.graph-tools button{border:1px solid rgba(182,243,107,.35);border-radius:99px;padding:7px 10px;background:rgba(182,243,107,.08);color:var(--lime);font:700 9px Manrope}.graph-tools span{font-size:8px;opacity:.55}.graph-note{cursor:pointer}.graph-port{fill:var(--lime);stroke:#102a22;stroke-width:2;cursor:crosshair;opacity:.4;transition:opacity .2s,r .2s}.graph-note:hover .graph-port{opacity:1;r:7px}.relation-edge{cursor:pointer}.relation-edge:hover{stroke:white;stroke-width:7}.graph-connection-preview{fill:none;stroke:var(--lime);stroke-width:3;stroke-dasharray:6 5;pointer-events:none}
.graph-panel>header{position:relative;padding-top:25px}.graph-header-actions{position:absolute;right:0;top:-9px;display:flex;align-items:center;gap:12px;z-index:3}.graph-header-actions #graph-cloud-state{display:flex;align-items:center;gap:6px;white-space:nowrap;color:rgba(255,255,255,.74);font:500 8px Manrope}.graph-header-actions #graph-cloud-state i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#48a876;box-shadow:0 0 8px rgba(72,168,118,.7)}.graph-header-actions #close-graph{line-height:1;padding:0}
.graph-header-actions #graph-cloud-state.disconnected i{background:#c84b3f;box-shadow:0 0 8px rgba(200,75,63,.65)}
.graph-drop-target .graph-node{fill:var(--lime);stroke:white;stroke-width:6;filter:drop-shadow(0 0 8px rgba(182,243,107,.9))}
.editor-actions{display:flex;align-items:center;gap:16px;min-width:0}.editor-actions>#graph-toggle{border:0;border-radius:99px;padding:8px 11px;background:#e7eee9;color:var(--green);font:700 10px Manrope;white-space:nowrap;cursor:pointer}.editor-actions>#graph-toggle:hover{background:#dce9df}.editor-actions .save-state{white-space:nowrap}@media(max-width:620px){.editor-actions{gap:8px}.editor-actions>#graph-toggle{padding:8px;font-size:12px}.editor-actions>#graph-toggle span{display:none}.editor-actions .save-state span{max-width:92px;overflow:hidden;text-overflow:ellipsis}}
.export-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:rgba(7,28,23,.68);backdrop-filter:blur(10px)}.export-modal[hidden]{display:none}.export-card{width:min(520px,100%);max-height:min(720px,90vh);overflow:hidden;display:flex;flex-direction:column;padding:30px;background:var(--white);color:var(--ink);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.34)}.export-card>header{display:flex;align-items:flex-start;justify-content:space-between}.export-card .eyebrow{margin-bottom:9px}.export-card h2{margin:0;font-size:32px;letter-spacing:-.05em}.export-close{border:0;background:transparent;color:var(--ink);font:30px/1 Manrope;cursor:pointer}.export-scope{display:grid;gap:8px;margin:25px 0 14px;padding:0;border:0}.export-scope legend{margin-bottom:10px;color:var(--muted);font-size:11px}.export-scope>label,.export-note-list>label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.export-scope>label:has(input:checked),.export-note-list>label:has(input:checked){border-color:var(--green);background:#e9f1e9}.export-card input[type="radio"],.export-card input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;accent-color:var(--green)}.export-scope span,.export-note-list span{display:grid;gap:2px;min-width:0}.export-scope strong,.export-note-list strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-scope small,.export-note-list small{color:var(--muted);font-size:9px}.export-note-picker{min-height:0;margin-top:5px}.export-note-picker[hidden]{display:none}.export-picker-head{display:flex;justify-content:space-between;align-items:center;padding:8px 2px;font:9px "DM Mono";letter-spacing:.1em;color:var(--muted)}.export-picker-head button{border:0;background:transparent;color:var(--green);font:700 10px Manrope;cursor:pointer}.export-note-list{max-height:270px;overflow-y:auto;display:grid;gap:6px;padding-right:3px}.export-note-list>label{padding:9px 11px}.export-error{min-height:17px;margin:9px 0 0;color:#b23b31;font-size:10px}.export-card>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}.export-card>footer button{border:0;border-radius:10px;padding:12px 16px;background:#e8ebe5;color:var(--ink);font:700 11px Manrope;cursor:pointer}.export-card>footer .export-download{background:var(--green);color:white}
.archive-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:24px;padding:4px;border-radius:11px;background:#e9ece6}.archive-tabs button{border:0;border-radius:8px;padding:10px;background:transparent;color:var(--muted);font:700 11px Manrope;cursor:pointer}.archive-tabs button[aria-selected="true"]{background:white;color:var(--green);box-shadow:0 3px 12px rgba(0,0,0,.08)}.archive-panel{min-height:0;overflow-y:auto}.archive-panel[hidden]{display:none}.import-panel{padding-top:22px}.import-drop-zone{width:100%;min-height:190px;display:grid;place-content:center;gap:7px;border:1.5px dashed rgba(14,92,62,.35);border-radius:15px;background:#f2f5ee;color:var(--green);font:inherit;text-align:center;cursor:pointer;transition:.2s}.import-drop-zone:hover,.import-drop-zone.dragging{border-color:var(--green);background:#e5f0e5;transform:translateY(-1px)}.import-drop-zone strong{font-size:14px}.import-drop-zone span{color:var(--muted);font-size:10px}.import-file-summary{display:grid;gap:3px;margin-top:10px;padding:12px 14px;border-radius:10px;background:#e9f1e9}.import-file-summary[hidden]{display:none}.import-file-summary strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-file-summary span,.import-policy{color:var(--muted);font-size:9px}.import-policy{margin:13px 2px 0;line-height:1.6}.export-download:disabled{opacity:.45;cursor:not-allowed}
.import-conflict{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 0;padding:0;border:0}.import-conflict legend{grid-column:1/-1;margin-bottom:2px;color:var(--muted);font:8px "DM Mono";letter-spacing:.08em}.import-conflict label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.import-conflict label:has(input:checked){border-color:var(--green);background:#e9f1e9}.import-conflict span{display:grid;gap:2px}.import-conflict strong{font-size:10px}.import-conflict small{color:var(--muted);font-size:8px;line-height:1.35}
.pricing-grid-three{grid-template-columns:repeat(3,1fr);max-width:none;margin:0}.pricing-grid-three .price-card{min-height:650px;padding:34px}.pricing-grid-three .price strong{font-size:50px}@media(max-width:900px){.pricing-grid-three{grid-template-columns:1fr}.pricing-grid-three .price-card{min-height:0}}
.price-card .current-plan{pointer-events:none;background:#dfe6df!important;color:var(--muted)!important;box-shadow:inset 0 0 0 1px var(--line)}
.billing-period{width:max-content;margin:0 0 28px auto;padding:5px;display:flex;gap:4px;border:1px solid var(--line);border-radius:99px;background:rgba(255,253,247,.72)}.billing-period button{border:0;border-radius:99px;padding:11px 18px;background:transparent;color:var(--muted);font:700 12px Manrope;cursor:pointer}.billing-period button[aria-pressed="true"]{background:var(--green);color:white;box-shadow:0 6px 18px rgba(14,92,62,.18)}.billing-period span{margin-left:6px;padding:4px 7px;border-radius:99px;background:var(--lime);color:var(--ink);font:700 9px "DM Mono"}.price small{display:block;min-height:22px;margin-top:10px;color:var(--green);font:750 14px/1.4 Manrope}.featured .price small{color:var(--lime)}.billing-status{min-height:20px;margin:26px auto 0;text-align:center;color:var(--green);font-size:12px}.billing-status.error{color:#b23b31}.price-card .pill-button[aria-busy="true"]{pointer-events:none;opacity:.65}.subscription-manager{display:grid;gap:7px;margin:18px 0 4px;padding:15px;border:1px solid var(--line);border-radius:13px;text-align:left}.subscription-manager strong{font-size:12px}.subscription-manager span{color:var(--muted);font-size:10px}.subscription-manager button{justify-self:start;border:0;background:transparent;padding:2px 0;color:var(--green);font:700 11px Manrope;text-decoration:underline;cursor:pointer}@media(max-width:620px){.billing-period{margin:0 auto 22px}.billing-period button{padding:10px 13px}.billing-period span{margin-left:3px}.price-card .price{margin:34px 0 28px}.price small{font-size:13px}}
.archive-manager{position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:20px;background:rgba(7,28,23,.68);backdrop-filter:blur(10px)}.archive-manager[hidden]{display:none}.archive-manager-card{width:min(600px,100%);max-height:82vh;overflow:auto;padding:30px;border-radius:22px;background:var(--white);box-shadow:0 35px 100px rgba(0,0,0,.3)}.archive-manager-card>header{display:flex;justify-content:space-between}.archive-manager-card h2{margin:0;font-size:31px}.archive-manager-card>header button{border:0;background:none;font-size:28px}.archive-manager-help{color:var(--muted);font-size:11px}.archive-manager-list{display:grid;gap:7px;margin-top:20px}.archive-manager-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px}.archive-manager-list article>div,.archive-manager-list article>span:first-child{display:grid;gap:3px}.archive-manager-list article strong{font-size:12px}.archive-manager-list article span{font-size:9px;color:var(--muted)}.archive-manager-list button{border:0;border-radius:8px;padding:8px 10px;background:var(--green);color:white;font:700 9px Manrope}.archive-manager-list button.danger{background:#b23b31}.archive-row-actions{display:flex;gap:5px}.account-plan-badge{display:inline-block;padding:6px 10px;border-radius:99px;background:#e8f0e8;color:var(--green)!important;font:700 10px Manrope}.device-manager{margin:24px 0;text-align:left}.device-manager h3{margin:0}.device-manager>p{font-size:10px!important}.device-manager>div{display:grid;gap:6px}.device-manager article{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px}.device-manager article span{display:grid}.device-manager small{font-size:8px;color:var(--muted)}.device-manager button{border:0;border-radius:7px;padding:7px;background:#e8ebe5}.graph-tools input{min-width:0;width:110px;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:7px 9px;background:rgba(255,255,255,.07);color:white;font:9px Manrope}.graph-tools input::placeholder{color:rgba(255,255,255,.45)}#graph-analytics{font:8px "DM Mono";color:rgba(255,255,255,.55);margin-top:7px}
.preview-page{max-width:none;padding-left:clamp(22px,4vw,70px);padding-right:clamp(22px,4vw,70px);overflow:hidden}.preview-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:32px;align-items:end;max-width:1500px;margin:0 auto 34px}.preview-intro .page-intro{margin-bottom:0}.preview-note{border:1px solid var(--line);border-radius:24px;padding:22px;background:rgba(255,253,247,.72);box-shadow:0 18px 70px rgba(16,35,28,.07)}.preview-note span{display:inline-flex;margin-bottom:12px;border-radius:99px;padding:6px 9px;background:var(--lime);color:var(--ink);font:700 10px "DM Mono"}.preview-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.preview-toolbar{max-width:1500px;margin:0 auto 22px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px}.preview-toolbar button,.preview-toolbar a{flex:0 0 auto;min-width:132px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:rgba(255,253,247,.7);color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 8px 26px rgba(16,35,28,.045)}.preview-toolbar button strong{display:block;font-size:13px}.preview-toolbar button span{display:block;margin-top:3px;color:var(--muted);font:10px "DM Mono"}.preview-toolbar button.active{border-color:rgba(14,92,62,.45);background:var(--green);color:white}.preview-toolbar button.active span{color:rgba(255,255,255,.62)}.preview-toolbar a{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:150px;background:var(--ink);color:white;font-weight:700;font-size:12px}.preview-stage{--preview-width:1440px;--preview-height:900px;--preview-scale:.72;max-width:1500px;height:min(72vh,780px);min-height:560px;margin:0 auto;display:grid;place-items:center;border-radius:32px;background:radial-gradient(circle at 20% 10%,rgba(182,243,107,.24),transparent 30%),linear-gradient(135deg,#14382d,#071c17);box-shadow:inset 0 1px rgba(255,255,255,.12),0 35px 100px rgba(16,35,28,.2);overflow:hidden}.preview-device{width:var(--preview-width);height:calc(var(--preview-height) + 34px);transform:scale(var(--preview-scale));transform-origin:center;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:#10231c;box-shadow:0 45px 120px rgba(0,0,0,.42)}.preview-stage[data-device="phone"] .preview-device{border-radius:44px;padding:10px;background:#111}.preview-stage[data-device="tablet"] .preview-device{border-radius:32px;padding:8px;background:#15211d}.preview-stage[data-device="phone"] .preview-device-top,.preview-stage[data-device="tablet"] .preview-device-top{border-radius:34px 34px 0 0}.preview-device-top{height:34px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#12251f;color:rgba(255,255,255,.65);font:10px "DM Mono";letter-spacing:.02em}.preview-device-top i{width:9px;height:9px;border-radius:50%;background:#ff635e}.preview-device-top i:nth-child(2){background:#ffbd44}.preview-device-top i:nth-child(3){background:#00ca4e}.preview-device-top span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-screen{width:var(--preview-width);height:var(--preview-height);overflow:hidden;background:#fffdf7}.preview-screen iframe{width:100%;height:100%;border:0;background:#fffdf7}.preview-stage[data-device="phone"] .preview-device-top i,.preview-stage[data-device="tablet"] .preview-device-top i{display:none}.preview-stage[data-device="phone"] .preview-device-top,.preview-stage[data-device="tablet"] .preview-device-top{justify-content:center;background:#111}.preview-stage[data-device="phone"] .preview-device-top:before{content:"";width:88px;height:6px;border-radius:99px;background:#222}.preview-stage[data-device="phone"] .preview-device-top span,.preview-stage[data-device="tablet"] .preview-device-top span{display:none}.preview-stage[data-device="phone"] .preview-screen,.preview-stage[data-device="tablet"] .preview-screen{border-radius:0 0 30px 30px}body.preview-embed{overflow:hidden;background:#eae7de}body.preview-embed .site-header,body.preview-embed .grain{display:none!important}body.preview-embed .page:not(.app-page){display:none!important}body.preview-embed .app-page{display:block!important;height:100vh;min-height:0}body.preview-embed .app-shell,body.preview-embed .leaf-tree-view{inset:0!important}body.preview-embed .graph-panel{height:100vh}@media(max-width:900px){.preview-intro{grid-template-columns:1fr}.preview-stage{height:68vh;min-height:520px}.preview-toolbar{padding-bottom:8px}}@media(max-width:620px){.preview-page{padding-top:105px}.preview-stage{height:64vh;min-height:430px;border-radius:22px}.preview-note{border-radius:18px}.preview-toolbar button{min-width:124px}.preview-toolbar a{min-width:140px}.preview-device{border-radius:18px}}
body:not(.in-app) .site-footer{min-height:95px;padding:25px clamp(25px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#10231c;color:#f4f1e8}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.site-footer nav a{color:inherit;font-size:11px;text-decoration:none;opacity:.72}.site-footer nav a:hover{opacity:1;color:var(--lime)}.site-footer>span{font-size:10px;opacity:.55}@media(max-width:620px){body:not(.in-app) .site-footer{display:grid;justify-items:center;text-align:center}.site-footer nav{gap:12px}}