:root{color:#193b4c;--muted:#526a73;--line:#c6d2d1;--accent:#1d5b67;background:#f5f3eb;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a44e2f}button{cursor:pointer;color:#193b4c;white-space:normal;overflow-wrap:anywhere;background:#fffdf6;border:1px solid #9cafb1;border-radius:10px;max-width:100%;min-height:44px;padding:10px 16px}button:disabled{opacity:.5;cursor:default}.primary{color:#fff;background:#1e5364;border-color:#1e5364}.quiet{background:0 0;border-color:#0000;padding-left:0}a{color:#185969;text-underline-offset:4px;overflow-wrap:anywhere}.page{max-width:980px;padding:24px clamp(16px,4vw,32px) max(32px,env(safe-area-inset-bottom));margin:auto}header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand strong{letter-spacing:.1em;font:700 clamp(19px,4vw,25px) Georgia,serif}.brand small{color:var(--muted);font-size:12px;display:block}.star{color:#2d7386;font-size:40px;font-weight:300}select{max-width:115px;min-height:44px;color:inherit;border:1px solid var(--line);background:0 0;border-radius:8px;padding:4px 8px}.intro{letter-spacing:-.02em;max-width:720px;margin:25px 0 20px;font-size:clamp(19px,4vw,27px);font-weight:650}nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:0 0 16px;display:flex}nav button{background:0 0;border-color:#0000;flex:1;padding:9px 10px;font-size:14px}nav button[aria-current]{color:#fff;background:#193e50}.local{color:var(--muted);border-left:2px solid #a56a46;margin:20px 0 26px;padding-left:12px;font-size:13px}.card{border:1px solid var(--line);background:#fffdf8;border-radius:16px;min-width:0;margin:18px 0;padding:clamp(18px,3vw,25px);box-shadow:0 6px 20px #29465006}h1{letter-spacing:-.025em;font-size:clamp(23px,5vw,33px);line-height:1.3}h2{margin:0 0 14px;font-size:19px;line-height:1.45}h3{margin:22px 0 8px;font-size:15px}p,h1,h2,h3,small{overflow-wrap:anywhere}.muted{color:var(--muted);font-size:14px}.user{white-space:pre-wrap;overflow-wrap:anywhere}.excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.badge,.eyebrow{letter-spacing:.05em;color:#77512a;font-size:12px;font-weight:650}.badge{background:#f3e5c9;border-radius:12px;margin-bottom:10px;padding:3px 9px;display:inline-block}.note-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 18px;display:grid}.card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:22px;display:flex}.field{gap:7px;margin:18px 0;font-weight:600;display:grid}.field input,.field textarea{color:#183a4b;background:#fff;border:1px solid #9eafb3;border-radius:9px;width:100%;min-width:0;padding:12px;font-weight:400}.field textarea{resize:vertical;min-height:130px}.source-link{border-bottom:1px solid #a0b9ba;margin:14px 0;font-weight:650;display:inline-block}.result{border-left:4px solid #659180}.result small{color:var(--muted)}.actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.alert{background:#fff0e5;border:1px solid #b4744f;border-radius:10px;padding:18px}.message{background:#e4eee7;border-radius:9px;padding:12px 16px}.preview{border:2px solid #50838d}.empty{color:var(--muted);padding:26px 4px}.file-button{cursor:pointer;border:1px solid #73989e;border-radius:9px;min-height:44px;padding:10px 15px;display:inline-flex}#import-file{opacity:0;max-width:1px;position:absolute}#import-file:focus-visible{opacity:1;max-width:100%;position:static}.filename{overflow-wrap:anywhere}summary{cursor:pointer;min-height:32px;font-weight:650}.offline-status{background:#e9efe6;border-radius:10px;padding:15px}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:35px;padding-top:20px;font-size:13px}footer button{font-size:14px}.skip{z-index:4;background:#fff;padding:12px;position:absolute;top:-100px;left:12px}.skip:focus{top:4px}@media (width<=420px){.page{padding-top:18px}header{gap:8px}.brand{gap:7px}.brand small{max-width:150px}nav{gap:2px}nav button{padding:8px 5px;font-size:13px}.card{margin:14px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}