@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#17201c;background:#f5f6f2;font-synthesis:none;--ink:#17201c;--muted:#6c756f;--forest:#173f32;--mint:#d9f26a;--line:#dfe3dc;--paper:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700}.brandmark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#173f32;background:var(--mint);font-family:"Instrument Serif";font-size:25px;font-weight:700}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-story{position:relative;display:flex;flex-direction:column;padding:38px 54px;color:#fff;background:radial-gradient(circle at 20% 95%,#386b53 0,transparent 38%),linear-gradient(145deg,#102b23,#173f32 65%,#245941);overflow:hidden}.auth-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff1c;border-radius:50%;right:-260px;top:-120px;box-shadow:0 0 0 100px #ffffff08,0 0 0 200px #ffffff06}.story-copy{margin:auto 0;max-width:650px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b8d0c5;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.story-copy h1{font:400 clamp(52px,6vw,88px)/.98 "Instrument Serif";letter-spacing:-2px;margin:24px 0}.story-copy p{color:#c5d5ce;font-size:19px;line-height:1.7;max-width:570px}.trust-row{display:flex;gap:28px;margin-top:42px;color:#d9e5df;font-size:13px}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row svg{width:17px}.quote{font:italic 17px "Instrument Serif";color:#adc3b9;border-top:1px solid #ffffff26;padding-top:22px;z-index:1}.auth-panel{display:grid;place-items:center;padding:40px;background:#f5f6f2}.auth-card{width:min(420px,100%)}.mobile-brand{display:none}.auth-card h2{font:400 46px "Instrument Serif";margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 34px}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;font-size:13px;font-weight:600}.auth-card input,.new-key input{height:48px;border:1px solid #d5d9d2;border-radius:10px;background:#fff;padding:0 14px;outline:none;transition:.2s}.auth-card input:focus,.new-key input:focus{border-color:#4a765f;box-shadow:0 0 0 3px #4a765f1f}.primary{height:50px;border:0;border-radius:10px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--forest);color:#fff;font-weight:600;box-shadow:0 6px 18px #173f3222}.primary:hover{background:#245845}.primary svg{width:17px}.primary.compact{height:42px}.error{padding:11px 13px;color:#9b2d28;background:#fff0ed;border-radius:8px;font-size:13px}.switch{text-align:center;color:var(--muted);font-size:13px;margin-top:26px}.switch button{border:0;background:none;color:#1e5c45;font-weight:700}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{height:100vh;display:grid;place-items:center;background:#173f32}.loading .brandmark{animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.12);opacity:.7}}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:#122e25;color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:relative;z-index:5}aside nav{display:grid;gap:6px;margin-top:44px}aside nav button{height:44px;border:0;border-radius:8px;background:transparent;color:#9fb6ad;display:flex;align-items:center;gap:12px;padding:0 13px;text-align:left}aside nav button svg{width:17px}.nav-dot{font-size:11px}aside nav button.active{color:#fff;background:#ffffff12}.sidebar-foot{margin-top:auto}.sync-status{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff17;padding:16px 10px}.sync-status>span{width:8px;height:8px;border-radius:50%;background:#9fdb69;box-shadow:0 0 0 4px #9fdb6920}.sync-status div,.user-row>span:nth-child(2){display:grid}.sync-status strong{font-size:12px}.sync-status small,.user-row small{font-size:10px;color:#8ea69d}.user-row{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:18px 8px 0;text-align:left}.user-row svg{width:15px;color:#819a91}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9f26a;color:#173f32;font-size:11px;font-weight:700}.workspace{min-width:0}.workspace>header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;background:#fafbf8;gap:14px}.workspace header h2{margin:3px 0 0;font:400 24px "Instrument Serif"}.overline{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#8b948e}.saved{margin-left:auto;color:#6e7871;font-size:12px;display:flex;align-items:center;gap:7px}.saved svg{width:14px;color:#52815f}.menu-button{display:none;border:0;background:transparent}.notes-layout{display:grid;grid-template-columns:minmax(500px,820px) 300px;gap:40px;max-width:1220px;margin:0 auto;padding:48px 42px}.editor{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 12px 35px #20372c08}.date-line{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #e6e9e4}.date-line h1{font:400 34px "Instrument Serif";margin:0}.date-line p{margin:7px 0;color:var(--muted);font-size:13px}.date-line input{border:1px solid var(--line);border-radius:8px;padding:8px;color:#556159}.note-field{display:block;padding:24px 0 20px;border-bottom:1px solid #e8eae6}.note-field>div{display:flex;align-items:center;gap:10px}.note-field span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.note-field em{font-style:normal;font-size:8px;letter-spacing:1px;color:#446c59;background:#edf5df;padding:4px 6px;border-radius:4px}.note-field textarea{display:block;width:100%;min-height:82px;border:0;resize:vertical;outline:0;padding:14px 0 0;line-height:1.65;color:#25302b}.note-field textarea::placeholder{color:#a5aca7}.note-field.accent{border-left:3px solid var(--mint);padding-left:16px}.editor-actions{display:flex;align-items:center;justify-content:space-between;padding-top:22px}.editor-actions>span{color:#9aa19d;font-size:10px}.history{background:transparent;color:var(--ink);padding:0}.history h3{font:400 22px "Instrument Serif";margin:3px 0 18px}.history button{width:100%;display:grid;grid-template-columns:44px 1fr;gap:12px;border:0;border-left:2px solid transparent;background:transparent;text-align:left;padding:14px 10px;color:var(--ink)}.history button.selected{border-left-color:#2c654d;background:#eef1ec}.history button>span{font:600 11px/1.3 DM Sans;color:#7d8781}.history button div{display:grid;min-width:0}.history button strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history button small{font-size:10px;color:#8c958f;margin-top:5px}.empty-history{font-size:12px;color:#939b96;padding:20px 10px}.scrim{display:none}.settings-page{max-width:980px;margin:0 auto;padding:48px 42px}.settings-intro{margin-bottom:32px}.settings-intro .eyebrow{color:#4c735f}.settings-intro .eyebrow svg{width:15px}.settings-intro h1{font:400 42px "Instrument Serif";margin:16px 0 8px}.settings-intro p{color:var(--muted);max-width:600px;line-height:1.6}.settings-card{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:18px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line)}.card-head h3,.profile h3{margin:0 0 5px;font-size:14px}.card-head p{margin:0;color:var(--muted);font-size:11px}.card-head code{color:#36634f}.new-key{display:flex;gap:8px}.new-key input{height:42px;width:160px}.key-list{padding:8px 0}.key-row{display:grid;grid-template-columns:38px 1fr auto 34px;align-items:center;gap:13px;padding:15px 28px}.key-row+.key-row{border-top:1px solid #eef0ed}.key-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf2e7;color:#315d49}.key-icon svg{width:15px}.key-row>div{display:grid;gap:3px}.key-row strong{font-size:12px}.key-row code{font-size:10px;color:#77817a}.key-meta{font-size:10px;color:#8b948e}.danger,.icon{border:0;background:transparent;color:#9a5a55;padding:5px}.danger svg,.icon svg{width:15px}.empty-keys{text-align:center;color:#768079;padding:42px}.empty-keys svg{width:24px}.empty-keys strong{display:block;color:#35413b;font-size:13px;margin:8px}.empty-keys p{font-size:11px;margin:0}.key-reveal{position:relative;padding:20px 54px 20px 22px;border-radius:12px;background:#183f32;color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px}.key-reveal strong{font-size:13px}.key-reveal p{margin:4px 0 0;color:#abc0b7;font-size:10px}.key-reveal code{background:#ffffff12;border:1px solid #ffffff1c;border-radius:7px;padding:10px;font-size:10px;max-width:310px;overflow:hidden;text-overflow:ellipsis}.key-reveal>button{border:0;border-radius:7px;padding:9px 12px;display:flex;gap:6px;align-items:center}.key-reveal button svg{width:13px}.key-reveal .icon{position:absolute;right:10px;top:9px;background:transparent;color:#fff}.profile{padding:24px 28px}.profile>div{display:flex;align-items:center;gap:12px;margin-top:18px}.avatar.large{width:42px;height:42px}.profile p{display:grid;margin:0}.profile p strong{font-size:13px}.profile p small{font-size:11px;color:var(--muted)}.plan{margin-left:auto;font-size:9px;letter-spacing:1px;background:#eef2e9;padding:6px 8px;border-radius:5px;color:#496255;font-weight:700}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:54px}.app-shell{grid-template-columns:1fr}.app-shell>aside{position:fixed;inset:0 auto 0 0;width:245px;transform:translate(-100%);transition:.25s}.app-shell>aside.open{transform:none}.scrim{display:block;position:fixed;inset:0;border:0;background:#0007;z-index:4}.menu-button{display:block}.notes-layout{grid-template-columns:1fr}.history{display:none}}@media(max-width:600px){.auth-panel{padding:26px}.auth-card h2{font-size:38px}.workspace>header{height:78px;padding:0 18px}.saved{font-size:0}.notes-layout,.settings-page{padding:22px 14px}.editor{padding:22px 18px}.date-line{display:grid;gap:16px}.date-line h1{font-size:29px}.card-head{align-items:flex-start;gap:18px;flex-direction:column}.new-key{width:100%}.new-key input{min-width:0;flex:1}.key-row{grid-template-columns:38px 1fr 30px;padding:15px 18px}.key-meta{display:none}.key-reveal{grid-template-columns:1fr;padding:20px}.key-reveal code{max-width:100%}.settings-intro h1{font-size:34px}}.offline-divider{display:flex;align-items:center;gap:12px;color:#9aa19d;font-size:11px;margin:20px 0}.offline-divider:before,.offline-divider:after{content:"";height:1px;background:#dfe3dc;flex:1}.offline-button{width:100%;min-height:58px;border:1px solid #cfd6cf;border-radius:10px;background:#fff;color:#294337;display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;text-align:left;padding:10px 16px;font-weight:600}.offline-button svg{grid-row:1/3;width:19px}.offline-button small{font-size:10px;color:#7d8781;font-weight:400}.legal-copy{font-size:10px!important;line-height:1.5;text-align:center;margin:22px 0 0!important}.legal-copy a{color:#496b5c}.sync-status.local>span{background:#e0b45a;box-shadow:0 0 0 4px #e0b45a20}.avatar svg{width:15px}.offline-card{display:flex;align-items:center;gap:18px;padding:26px}.offline-card>svg{width:26px;color:#416957}.offline-card>div{flex:1}.offline-card h3{margin:0 0 5px}.offline-card p{margin:0;color:var(--muted);font-size:12px}.offline-card button{white-space:nowrap}@media(max-width:600px){.offline-card{align-items:flex-start;flex-direction:column}.offline-card button{width:100%}}.success-message{padding:11px 13px;color:#275b43;background:#edf7ef;border-radius:8px;font-size:13px}.forgot-link{border:0;background:none;color:#35654f;font-size:12px;font-weight:600;justify-self:end;margin-top:-8px}.landing{background:#f6f7f3;min-height:100vh}.landing>nav{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.landing nav>div:last-child{display:flex;align-items:center;gap:28px}.landing a{text-decoration:none;color:#334139;font-size:13px;font-weight:600}.landing .nav-cta{background:#173f32;color:#fff;padding:11px 17px;border-radius:8px}.hero{text-align:center;max-width:900px;margin:auto;padding:110px 24px 90px}.hero .eyebrow{color:#507260}.hero h1{font:400 clamp(58px,8vw,104px)/.91 "Instrument Serif";letter-spacing:-3px;margin:25px 0}.hero h1 em{color:#386b53}.hero>p{max-width:680px;margin:0 auto 34px;color:#667169;font-size:18px;line-height:1.7}.hero>div{display:flex;justify-content:center;gap:12px}.hero-primary,.hero-secondary{min-height:50px;padding:0 20px;border-radius:9px;display:inline-flex;align-items:center;gap:8px}.hero-primary{background:#173f32;color:#fff!important}.hero-secondary{border:1px solid #d6dcd5;background:#fff}.hero small{display:block;color:#89918c;margin-top:16px}.feature-grid{max-width:1120px;margin:0 auto 110px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{background:#fff;border:1px solid #e0e4de;border-radius:14px;padding:30px}.feature-grid svg{color:#3b7057}.feature-grid h2{font:400 27px "Instrument Serif";margin:22px 0 8px}.feature-grid p{color:#6a746e;font-size:13px;line-height:1.65}.faq{max-width:760px;margin:0 auto 110px;padding:0 24px}.faq .eyebrow{color:#507260}.faq>h2{font:400 45px "Instrument Serif";margin:14px 0 28px}.faq details{border-top:1px solid #dbe0da;padding:20px 0}.faq details:last-child{border-bottom:1px solid #dbe0da}.faq summary{font-weight:600;cursor:pointer}.faq details p{color:#69736d;font-size:14px;line-height:1.7}.landing footer{max-width:1120px;margin:auto;padding:30px 24px;border-top:1px solid #dbe0da;display:flex;align-items:center;justify-content:space-between;color:#7c857f;font-size:11px}.landing footer>div:last-child{display:flex;gap:18px}@media(max-width:700px){.landing>nav{height:68px}.landing nav>div:last-child a:not(.nav-cta){display:none}.hero{padding:72px 20px 64px}.hero h1{letter-spacing:-1px}.hero>p{font-size:16px}.hero>div{flex-direction:column}.hero-primary,.hero-secondary{justify-content:center}.feature-grid{grid-template-columns:1fr;margin-bottom:75px}.landing footer{align-items:flex-start;gap:18px;flex-direction:column}}.docs-link{display:inline-flex;align-items:center;gap:7px;color:#2c654d;font-size:12px;font-weight:700;text-decoration:none;margin-top:6px}.docs-link svg{width:14px}.note-field>div small{margin-left:auto;color:#929b95;font-size:9px;font-weight:400;text-transform:none;letter-spacing:0}.checklist-field{padding:24px 0 20px;border-bottom:1px solid #e8eae6}.checklist-title{display:flex;align-items:center;justify-content:space-between}.checklist-title>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.checklist-title>button,.empty-checklist{border:0;background:transparent;color:#35654f;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.checklist-title svg,.empty-checklist svg{width:13px}.checklist-items{display:grid;gap:8px;margin-top:12px}.checklist-row{display:grid;grid-template-columns:22px 1fr 28px;align-items:center;gap:8px}.checklist-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--forest)}.checklist-row input[type=text]{height:40px;border:1px solid #e0e4df;border-radius:8px;padding:0 11px;outline:0}.checklist-row input[type=text]:focus{border-color:#668975;box-shadow:0 0 0 3px #4a765f13}.checklist-row:has(input[type=checkbox]:checked) input[type=text]{color:#8a938d;text-decoration:line-through}.checklist-row>button{border:0;background:transparent;color:#929b95}.checklist-row>button svg{width:14px}.empty-checklist{width:100%;height:42px;border:1px dashed #d5dcd5;border-radius:8px;justify-content:center;color:#7c8780}.note-actions{display:flex;align-items:center;gap:8px}.tool-button,.icon-tool{border:1px solid #dce1db;background:#fff;color:#405c4f;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600}.tool-button{height:42px;padding:0 12px}.tool-button svg,.icon-tool svg{width:14px}.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.history-head h3{margin:3px 0}.history-head>div{display:flex;gap:6px}.icon-tool{width:34px;height:34px;cursor:pointer}.icon-tool input{display:none}@media(max-width:600px){.note-field>div small{display:none}.editor-actions{align-items:flex-start;gap:12px;flex-direction:column}.note-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.note-actions .primary{grid-column:1/-1}.tool-button{width:100%}}