:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#18342e;background:#eff2ee;font-synthesis:none;--green:#175845;--muted:#667a70}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(94px + env(safe-area-inset-bottom))}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #d7e1d7;border-radius:14px;background:#fff;color:#23473b;min-height:48px;padding:10px 16px;font-weight:600}button:hover{background:#e5eee5}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b1c75e;outline-offset:3px}[hidden]{display:none!important}header{background:#142522;color:#fff;padding:24px max(20px,calc((100vw - 840px)/2));display:flex;gap:14px;align-items:center}header small{font-size:10px;letter-spacing:2px;color:#b4c6b9}header h1{font-size:23px;margin:2px 0}.brand{background:#ddec98;color:#203a2e;border-radius:16px;width:52px;height:52px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800}.brand span{font-size:20px}header button{margin-left:auto;background:transparent;color:#ddec98;border-color:#3f5148;font-size:25px}main{max-width:880px;margin:0 auto;padding:24px 20px}.panel{background:#fff;border:1px solid #dce4d9;border-radius:22px;padding:24px;margin-bottom:16px;box-shadow:0 6px 25px #14252204}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--muted);font-weight:700}h2{font-size:29px;letter-spacing:-1px;margin:6px 0 16px;line-height:1.16}.login{max-width:480px;margin:6vh auto}.login h2{font-size:42px;margin-top:20px}.login p{line-height:1.6;color:var(--muted)}label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}input,textarea{border:1px solid #cad6ca;border-radius:12px;padding:14px;background:#f8faf6;width:100%;color:#18342e;font-size:16px}input:focus,textarea:focus{outline:2px solid #8eaf89;outline-offset:1px}.login button{width:100%;margin-top:12px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#114633}.muted,small{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{margin-bottom:0}.shortcuts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin:20px 0}.shortcuts button:first-child{background:#ddec98;border-color:#ddec98}.card-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:15px;margin:0 0 18px}.card-text::first-line{font-size:18px;font-weight:700;color:#18342e}.actions{display:flex;flex-direction:column;gap:8px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.action-row>*{flex:1 1 130px;text-align:center}.action-link{padding:13px;background:#f1f5eb;border-radius:12px;text-decoration:none;color:#175845;overflow-wrap:anywhere}.file-link{display:block;padding:15px;background:#f1f5eb;border-radius:12px;margin-bottom:16px;text-decoration:none;color:#175845;overflow-wrap:anywhere}.input-row{display:flex;gap:8px}.input-row button{min-width:54px;font-size:26px}.file-button{display:inline-block;color:#175845;padding:14px 0;cursor:pointer}.file-button input{display:none}.input-panel small{display:block}footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:11px;padding:8px}footer button{font-size:12px;background:transparent;border:none}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;background:#fffffff5;border-top:1px solid #dce4d9;padding:10px 12px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(14px);z-index:5}nav button{border:0;border-radius:14px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;max-width:150px;font-size:23px;padding:6px}nav button span{font-size:11px;font-weight:500}nav button.selected{color:#175845;background:#e8efdc}#status{position:sticky;top:0;z-index:9;background:#f9ebc7;color:#654811;font-size:14px;line-height:1.5;padding:12px 20px;text-align:center}#status:empty{display:none}@media(max-width:420px){main{padding:20px 12px}.panel{padding:18px}.shortcuts button{font-size:12px;padding:10px 6px}.action-row>*{flex-basis:115px;font-size:13px}.login h2{font-size:36px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}
