:root{--ink:#102f3c;--teal:#0f6971;--mist:#eff5f4;--gold:#e7b65a;--paper:#fffdf9;--line:#dce6e5}*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--teal);text-decoration:none}.nav{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:25px;font-weight:bold;letter-spacing:1px}.brand small{font:600 10px system-ui;display:block;letter-spacing:2px;color:var(--teal)}.nav-actions{display:flex;gap:18px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:8px;padding:11px 17px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}.btn.alt{background:#fff;color:var(--teal);border:1px solid var(--teal)}.hero{padding:94px max(7vw,24px) 76px;background:linear-gradient(118deg,#0c3744,#145e63);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#bde0da;font-weight:700}.hero h1{font:clamp(40px,6vw,70px)/1.02 Georgia,serif;margin:16px 0 22px}.hero p{max-width:560px;font-size:19px;color:#e5f3f0}.hero-card{padding:26px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 18px 45px #09262c66}.hero-card h2{font:24px Georgia,serif}.hero-card li{margin:13px 0}.section{max-width:1180px;margin:auto;padding:76px 24px}.section h2{font:38px Georgia,serif;margin:0 0 10px}.muted{color:#52666d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:31px}.card{background:#fff;padding:25px;border:1px solid var(--line);border-radius:12px}.card h3{margin-top:0;font:23px Georgia,serif}.feature-num{color:var(--gold);font-weight:800}.auth{max-width:470px;margin:60px auto;background:#fff;padding:32px;border:1px solid var(--line);border-radius:13px}.auth h1{font:35px Georgia,serif;margin-top:0}.field{display:grid;gap:7px;margin:15px 0}.field input,.field select,.editor{font:inherit;border:1px solid #bfd0ce;border-radius:7px;padding:11px;width:100%;background:#fff}.error,.notice{padding:11px;border-radius:7px;margin:14px 0}.error{background:#fff0ed;color:#9b3323}.notice{background:#e8f6ee;color:#176441}.dash{max-width:1180px;margin:40px auto;padding:0 24px}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.project-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.tag{background:#e2f0ed;color:#17615c;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;min-height:calc(100vh - 72px)}.tree,.aside{background:#fff;padding:22px;border-right:1px solid var(--line)}.aside{border-left:1px solid var(--line);border-right:0}.tree a{display:block;padding:9px 10px;border-radius:6px;margin:4px 0}.tree a.active,.tree a:hover{background:#e7f2f0}.writing{padding:34px max(3vw,20px);background:var(--paper)}.writing h1{font:38px Georgia,serif}.editor{min-height:310px;resize:vertical;line-height:1.7}.save-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.aside h3{font:18px Georgia,serif}.aside p{font-size:14px}@media(max-width:800px){.hero,.workspace{grid-template-columns:1fr}.grid,.project-list{grid-template-columns:1fr}.hero{padding-top:55px}.tree,.aside{border:0;border-bottom:1px solid var(--line)}.workspace{display:flex;flex-direction:column}.tree{order:0}.writing{order:1}.aside{order:2}}