
:root{--bg:#f7f7f2;--ink:#223b37;--muted:#697872;--line:#d8dfd6;--card:#eef0e7;--accent:#326652;--button:#234d3d;--white:#fff;--lav:#e7e2f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}body.dark{--bg:#162621;--ink:#e5ece2;--muted:#acb9b0;--line:#3b4d43;--card:#21382d;--accent:#b5d7b0;--button:#b5d7b0;--white:#17281f;--lav:#3b394b}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9c7dc1;outline-offset:4px}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:34px 0;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:13px;align-items:center;font-weight:760;font-size:22px;letter-spacing:-1px}.brand-light{font-weight:400}.brand svg{width:43px;fill:none;stroke:var(--accent);stroke-width:3}.brand small{display:block;font:9px/2 system-ui;letter-spacing:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:14px}button.icon{background:transparent;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;color:var(--ink)}main{min-height:65vh}.hero{padding:70px 0 54px;position:relative;overflow:hidden}.eyebrow{font:11px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5.5vw,72px);letter-spacing:-2px;line-height:1.09;max-width:780px;margin:22px 0}h1 em{color:var(--accent)}.intro{color:var(--muted);max-width:540px;font-size:17px}.hero-chart{position:absolute;width:320px;right:0;bottom:28px;opacity:.45;pointer-events:none}.hero-chart path{stroke:var(--accent);stroke-width:2;fill:none}.hero-chart line{stroke:var(--line)}.section-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:26px 0 17px;gap:20px}h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0}.primary,.secondary{border:1px solid var(--line);padding:10px 18px;border-radius:5px;font-size:13px}.primary{background:var(--button);color:var(--white);border-color:var(--button)}.secondary{background:transparent;color:var(--ink)}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 24px}.chip{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:5px 14px;font-size:12px}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.search{margin-left:auto;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:7px 0;width:200px}.entry{display:grid;grid-template-columns:130px 1fr 160px 30px;align-items:center;gap:20px;border-top:1px solid var(--line);padding:26px 0}.entry:hover .entry-title{color:var(--accent)}.entry time{font:11px ui-monospace,monospace;color:var(--muted)}.entry-title{font-size:20px;letter-spacing:-.4px}.entry small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.tag{font-size:11px;background:var(--card);border-radius:20px;padding:5px 12px;justify-self:start}.arrow{color:var(--accent)}.note-card{margin:45px 0 65px;padding:25px 32px;background:var(--card);border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:25px}.note-card .asterisk{font-size:44px;color:var(--accent)}.note-card p{margin:0;color:var(--muted);font-size:14px}.note-card strong{display:block;color:var(--ink);font-weight:500;font-size:16px}footer{border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.dot{color:var(--accent);padding:0 10px}.article{max-width:740px;margin:60px auto 90px}.article h1{font-size:52px}.article .body{font-family:Georgia,serif;font-size:20px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.article .meta{color:var(--muted);font-size:13px;margin-bottom:35px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.manage-row{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.manage-row .actions{margin:0;flex-shrink:0}.hint{color:var(--muted);font-size:13px}.empty{padding:30px 0;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);max-width:760px;width:calc(100% - 30px);padding:30px;max-height:90vh}dialog::backdrop{background:#10241eb0;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}label{display:block;font-size:13px;margin:15px 0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:4px;padding:10px;background:var(--bg);color:var(--ink);margin-top:5px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;margin:0}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 24px;border-radius:5px;z-index:5}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--bg);padding:10px;z-index:10}.help{max-width:750px}.help li{margin:12px 0}.help h2{margin-top:35px}.file-label{display:inline-block;margin:0;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1180px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 0}nav{width:100%;justify-content:space-between;gap:12px}.hero{padding:42px 0 30px}.hero-chart{display:none}.section-bar{align-items:flex-start}.entry{grid-template-columns:1fr auto;gap:8px;padding:20px 0}.entry time{grid-column:1}.entry-title{grid-column:1;grid-row:2}.entry .tag{grid-column:1;grid-row:3}.entry .arrow{grid-column:2;grid-row:2}.search{margin-left:0;width:100%}.note-card{padding:20px;gap:15px}footer{flex-direction:column}.brand{font-size:21px}.article h1{font-size:38px}.form-row{grid-template-columns:1fr;gap:0}.form-row label{margin:5px 0}.manage-row{align-items:flex-start;flex-direction:column}.section-bar h2{font-size:25px}}


[hidden]{display:none!important}
