:root{--ink:#1e2520;--muted:#788079;--paper:#f5f3ed;--surface:#fffefa;--line:#e4e1d7;--moss:#365842;--sand:#e9e3d4}*{box-sizing:border-box}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#efede5;flex-direction:column;padding:30px 18px;display:flex}.brand{letter-spacing:-.8px;margin:3px 10px 44px;font-family:Georgia,serif;font-size:23px}.brand span{color:var(--moss)}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#535a53;border-radius:8px;justify-content:space-between;padding:11px 12px;display:flex}.sidebar nav a:hover,.sidebar nav .active{color:var(--ink);background:#dfddd4}.sidebar-bottom{color:var(--muted);margin-top:auto;padding:10px;font-size:12px}.sidebar-bottom p{text-overflow:ellipsis;overflow:hidden}.link-button{color:var(--moss);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.notebook{width:100%;max-width:920px;margin:0 auto;padding:80px 48px}.section-heading{justify-content:space-between;margin-bottom:42px;display:flex}.eyebrow{letter-spacing:1.4px;color:var(--moss);font-size:11px;font-weight:700}.section-heading h1,.signin-card h1{letter-spacing:-2.6px;margin:13px 0 16px;font-family:Georgia,serif;font-size:clamp(40px,6vw,64px);font-weight:400;line-height:.98}.section-heading p:not(.eyebrow){color:var(--muted)}.new-note{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:12px;padding:22px;display:grid;box-shadow:0 10px 30px #393a2d0a}.new-note input,.new-note textarea{font:inherit;width:100%;color:var(--ink);background:0 0;border:0;outline:0}.new-note input{font-size:19px;font-weight:600}.new-note textarea{resize:vertical;color:#485149;line-height:1.55}.new-note button,.google-button{background:var(--moss);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:7px;justify-self:start;padding:10px 15px}.new-note button:disabled{opacity:.65}.note-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px;display:grid}.note{background:#ece7d9;border-radius:10px;flex-direction:column;min-height:165px;padding:20px;display:flex}.note h2{margin:0 0 12px;font-size:16px}.note p{white-space:pre-wrap;color:#4f574f;margin:0;line-height:1.5}.note time{color:var(--muted);margin-top:auto;padding-top:18px;font-size:12px}.empty{color:var(--muted)}.signin-page{background:linear-gradient(130deg,#eae5d7,#f8f6f0);align-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{background:#fffefab3;border:1px solid #36584229;border-radius:15px;max-width:520px;margin:auto;padding:50px;box-shadow:0 24px 80px #373c2e1a}.signin-card>p:not(.eyebrow){color:var(--muted);max-width:380px;line-height:1.55}.google-button{margin-top:24px}.configuration-note{background:#f3ead6;border-radius:7px;margin-top:25px;padding:12px}@media (max-width:680px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;padding:16px}.brand{margin:0 auto 0 0}.sidebar nav{display:flex}.sidebar-bottom{display:none}.notebook{padding:48px 20px}.signin-card{padding:34px 26px}}