:root{--clay:#B5502E;--clay2:#8a3d22;--cream:#FBF1E4;--ink:#2E2018;--muted:#6b5d52;--line:#e5d8ce;--sage:#dbe7df;--green:#376c5b;--red:#a33f36;--blue:#244d61}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:780px;margin:auto;padding:18px 18px 60px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.brand{font-weight:800;color:inherit;text-decoration:none}.link{color:var(--clay);font-weight:700}h1,h2,h3{font-family:'Fraunces',Georgia,serif;color:var(--clay2)}h1{font-size:clamp(2rem,8vw,3.2rem);line-height:1;margin:.25rem 0}.intro,.note{color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:16px 0;box-shadow:0 8px 28px #5c38200b}.label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:750;margin-bottom:6px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.tab{border:1px solid var(--line);background:#fff;padding:10px 5px;border-radius:10px;font:inherit;font-size:.84rem;cursor:pointer}.tab.active{background:var(--clay);color:#fff;border-color:var(--clay)}label{display:block;font-weight:650;margin:14px 0 6px}input,select,textarea{width:100%;padding:13px;border:1px solid #cdbfb5;border-radius:10px;background:#fff;font:inherit}textarea{min-height:92px}.primary,.secondary{display:inline-block;border-radius:999px;padding:12px 17px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.primary{border:0;background:var(--clay);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.wide{width:100%;margin-top:18px}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.result,.method{display:none}.result.show,.method.show{display:block}.result{background:var(--sage);text-align:center}.date{font:700 clamp(2rem,9vw,3.2rem) 'Fraunces',Georgia;color:var(--clay2);margin:5px 0}.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.meta>div{background:#ffffffaa;border-radius:12px;padding:12px}.meta b{display:block}.error{color:var(--red);margin-top:10px}.connected{border-color:#abc7ba;background:#f2f8f5}.connected strong{display:block}.connected .saved-value{font-size:1.2rem;color:var(--green);font-weight:800}.roadmap-list{list-style:none;padding:0;margin:0}.roadmap-list li{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.roadmap-list time{font-weight:800;color:var(--clay2)}.next-step{background:#f3f6f8;border-left:4px solid var(--blue);padding:13px;border-radius:8px}.privacy{font-size:.88rem;color:var(--muted)}details summary{cursor:pointer;font-weight:800;color:var(--clay2)}.hidden{display:none!important}
.timer{text-align:center}.clock{font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,17vw,6rem);font-weight:800;line-height:1.15;margin:8px 0 18px}.mainbtn{width:min(270px,80vw);aspect-ratio:1;border:0;border-radius:50%;color:#fff;background:var(--clay);font-size:1.35rem;font-weight:800;box-shadow:0 10px 30px #B5502E55;cursor:pointer}.mainbtn.active{background:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.stat{background:#f7eee8;border-radius:12px;padding:12px 6px}.stat b{display:block;font-size:1.25rem;font-variant-numeric:tabular-nums}.stat span{font-size:.75rem;color:var(--muted)}.status{padding:14px;border-left:4px solid var(--clay);background:#f8eee9;border-radius:8px;margin-top:18px;text-align:left}.status strong{display:block}.danger{color:var(--red)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line)}th{font-size:.75rem;color:var(--muted);text-transform:uppercase}.empty{color:var(--muted);text-align:center;padding:20px}.urgent{border-color:#e8bbb5;background:#fff8f7}.urgent h2{color:var(--red);font-size:1.2rem;margin-top:0}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plan-field{background:#fff;border:1px solid #d8e3dd;border-radius:10px;padding:10px}.plan-field span{display:block;font-size:.74rem;text-transform:uppercase;color:var(--muted);font-weight:750}.plan-field b,.plan-field a{display:block;color:var(--ink);word-break:break-word}.plan-wide{grid-column:1/-1}.storage-state{font-size:.82rem;color:var(--muted);margin-top:12px}.source-list{font-size:.82rem;color:var(--muted)}
@media(max-width:480px){.wrap{padding-inline:12px}.card{padding:17px}.tabs{grid-template-columns:1fr 1fr}.meta,.plan-grid{grid-template-columns:1fr}.plan-wide{grid-column:auto}.button-row .primary,.button-row .secondary{width:100%;text-align:center}.roadmap-list li{grid-template-columns:1fr;gap:2px}.stats{gap:5px}.stat b{font-size:1.05rem}th,td{font-size:.84rem;padding-inline:4px}}
@media print{header,.button-row,.tabs,form,.mainbtn,details{display:none!important}.wrap{max-width:none}.card{box-shadow:none;break-inside:avoid}}
@supports(padding:max(0px)){
  .wrap{padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(60px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left))}
  @media(max-width:480px){.wrap{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}}
}