:root{--paper:#ece9df;--ink:#17201d;--orange:#f25c2a;--blue:#2458d8;--line:#9d9b91}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-height:100svh;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(18px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}button,input,select{font:inherit}header{min-height:54px;border-bottom:3px solid;display:flex;align-items:center;justify-content:space-between;padding:9px 15px;position:sticky;top:0;background:#ece9dff2;z-index:5}header b{font-size:20px;letter-spacing:-.06em}header b span{color:var(--orange)}header small,.eyebrow{font:800 9px/1.3 monospace;letter-spacing:.09em}.hero{padding:19px 15px;border-bottom:2px solid;display:grid;gap:16px}.hero h1{font-size:clamp(39px,12vw,76px);line-height:.88;letter-spacing:-.07em;margin:8px 0 11px}.hero h1 i{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero p:not(.eyebrow){font-size:13px;line-height:1.45;max-width:530px}.hero button,.save{min-height:46px;border:0;background:var(--ink);color:white;padding:0 15px;font-weight:900;text-transform:uppercase;font-size:10px}.hero aside{border:3px solid;padding:13px;background:#f8f5eb;box-shadow:5px 5px 0 var(--orange)}aside>span{font:800 8px monospace;letter-spacing:.1em}aside strong{display:block;font-size:28px;margin:5px 0 10px}.switches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.switches button{min-width:44px;min-height:44px;background:transparent;color:var(--ink);border:2px solid;padding:0}.switches button.on{background:var(--orange);color:#fff;border-color:var(--ink)}.work{padding:20px 15px}.workhead{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid;padding-bottom:10px}.work h2,dialog h2{font-family:Georgia,serif;font-size:28px;margin:3px 0}.workhead button{min-height:44px;border:0;border-bottom:2px solid;background:transparent;font-size:9px;font-weight:900;text-transform:uppercase}.point{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-bottom:1px dashed var(--line);padding:12px 0}.point .icon{width:30px;height:30px;border:2px solid;display:grid;place-items:center;font-weight:900}.point b{display:block;font-size:14px}.point small{font-size:10px;color:#666}.point button{width:44px;height:44px;border:0;background:transparent;font-size:20px}.empty{padding:24px 0;font-family:Georgia,serif;font-style:italic;color:#69685f}.safe{margin:0 15px 22px;border-left:6px solid var(--orange);padding:12px;background:#ded9cb;font-size:11px;line-height:1.5}dialog{border:0;padding:0;width:min(94vw,480px);background:var(--paper);box-shadow:0 12px 60px #0008}dialog::backdrop{background:#17201d99}dialog form{padding:18px;display:grid;gap:13px}.formtop{display:flex;justify-content:space-between}.formtop button{width:44px;height:44px;border:0;background:transparent;font-size:30px}label{font:900 9px monospace;text-transform:uppercase}input,select{display:block;width:100%;min-height:46px;margin-top:6px;border:0;border-bottom:2px solid;border-radius:0;background:#faf7ee;padding:9px;font-size:16px}.save{margin-top:4px}footer{border-top:1px solid;padding:15px;font:800 8px monospace;text-transform:uppercase}@media(min-width:760px){header{padding-inline:30px}.hero{grid-template-columns:1.25fr .75fr;align-items:end;padding:38px 30px 28px}.work{padding:28px 30px}.safe{margin-inline:30px}.switches{grid-template-columns:repeat(6,1fr)}}