*{box-sizing:border-box}body{margin:0;background:#e7f4ee;color:#183c30;font:16px/1.5 system-ui}header{padding:16px 24px;background:#007030;color:white;display:flex;gap:24px;align-items:center}header a{color:#f9ce00}#home{font-size:28px;font-weight:800;text-decoration:none}.open{padding:16px 24px;display:flex;gap:24px;flex-wrap:wrap;background:white}form label{display:block}#url-form{display:flex;align-items:center;gap:10px;flex:1}input,textarea,button{font:inherit;border:1px solid #b1d7c8;border-radius:6px;padding:9px}input[type=url]{width:100%;min-width:120px}button{background:#f9ce00;color:#183c30;cursor:pointer;white-space:nowrap}button:disabled{opacity:.45;cursor:default}textarea{width:100%}#status{padding:0 24px}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:0 24px 32px}.document{overflow:auto}nav{display:flex;align-items:center;gap:8px;position:sticky;left:0;flex-wrap:wrap;padding-bottom:12px}#page{width:70px}#paper{position:relative;background:white;box-shadow:0 5px 25px #0002;touch-action:pan-x pan-y}canvas{display:block}#text{position:absolute;inset:0;overflow:hidden;opacity:1;line-height:1;transform-origin:0 0;z-index:2}#marks{position:absolute;inset:0;pointer-events:none;z-index:1}.mark{position:absolute;background:#f9ce0070;mix-blend-mode:multiply}.region-box{background:#00703050;position:absolute;z-index:4;pointer-events:none}aside{background:white;padding:22px;border-radius:10px;align-self:start;position:sticky;top:16px;max-height:90vh;overflow:auto}h1{font-size:25px;margin-top:0}.check{display:flex;align-items:flex-start;gap:8px;margin:12px 0}blockquote{border-left:3px solid #007030;padding:8px 12px;margin:18px 0;font-size:14px;white-space:pre-wrap}.annotation{border-top:1px solid #d6e9e1;padding:16px 0}.annotation p{white-space:pre-wrap}small,#privacy{font-size:14px;color:#526a61}a{color:#007030}details{border-top:1px solid #ccc;margin-top:24px;padding-top:16px}summary{cursor:pointer}#shared{overflow-wrap:anywhere}.file{font-size:14px}.file input{max-width:260px}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 12px}aside{position:static;max-height:none}.open{padding:12px}#url-form{flex-wrap:wrap}header{padding:12px;gap:12px}#source{font-size:14px}}

#home{display:block;flex-shrink:0;width:210px}#home img{display:block;width:100%;height:auto}header{flex-wrap:wrap}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #007030;outline-offset:3px}

header{background:#fff;color:#183c30;border-bottom:2px solid #007030}header a{color:#007030}

#marks{z-index:3}.mark{pointer-events:auto;border:1px solid #bd9300;cursor:pointer;padding:0;white-space:normal}.mark:hover,.mark:focus-visible{background:#f9ce00ab;outline:2px solid #007030}.annotation.selected{background:#fff4a9;border-radius:6px}


:root{--brand-green:#007030;--brand-accent:#007030;--foreground:#163323;--muted-foreground:#52665a;--background:#f5faf6;--card:#fff;--card-foreground:var(--foreground);--popover:var(--card);--popover-foreground:var(--foreground);--secondary:#e6f2e9;--secondary-foreground:var(--foreground);--muted:#e6f2e9;--accent:#c9e4d2;--accent-foreground:var(--foreground);--border:#d4e5da;--input:#aacdb7;--sidebar:var(--background);--sidebar-foreground:var(--foreground);--sidebar-accent:var(--muted);--sidebar-accent-foreground:var(--foreground);--sidebar-border:var(--border);--sidebar-primary:var(--brand-green);--ring:var(--brand-accent);color-scheme:light}
:root.dark{--background:#000;--foreground:#f2f2f2;--card:#101010;--card-foreground:#f2f2f2;--muted:#1a1a1a;--muted-foreground:#bdbdbd;--secondary:#1a1a1a;--accent:#242424;--border:#343434;--input:#555;--brand-accent:#62d889;--destructive:#ff9c96;color-scheme:dark}

body{background:var(--background);color:var(--foreground)}header,.open,aside{background:var(--card);color:var(--foreground)}input,textarea{background:var(--card);color:var(--foreground)}small,#privacy{color:var(--muted-foreground)}a,header a{color:var(--brand-accent)}header{padding-right:24px}.theme-toggle{margin-left:auto}.dark .annotation.selected{background:#443b16}.theme-toggle{position:relative;flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;padding:10px;background:var(--card);color:var(--brand-accent);border:1px solid var(--input);border-radius:50%;box-shadow:0 2px 8px #0001;cursor:pointer}.theme-toggle:hover{background:var(--muted)}.theme-toggle svg{width:22px;height:22px}.theme-sun{display:none}.dark .theme-sun{display:block}.dark .theme-moon{display:none}