:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17241e;background:#f4f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}header{background:#12221b;color:#fff;padding:calc(1.25rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{font-family:Georgia,serif;font-size:1.45rem;margin:.15rem 0}.eyebrow{font-size:.63rem;letter-spacing:.13em;color:#a9d6be}.status{font-size:.75rem;border:1px solid;padding:.3rem .55rem;border-radius:99px}.online{color:#b5ebca}.offline{color:#ffd49c}main{max-width:760px;margin:auto;padding:1rem}.card,.hero{background:#fff;border:1px solid #ded9cc;border-radius:16px;padding:1.1rem;margin-bottom:1rem;box-shadow:0 3px 12px #17241e0a}.hero{background:#dfeee5}.hero>span{font-size:.75rem;font-weight:800;letter-spacing:.12em}.hero h2{font:1.8rem Georgia,serif;margin:.45rem 0 1rem}.recommend{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.recommend b{background:#fff;padding:.75rem .35rem;border-radius:10px;text-align:center;font-size:.84rem}.card h2{font:1.45rem Georgia,serif;margin-top:0}.auth{max-width:510px;margin:2rem auto}.notice{position:relative;background:#fff4ce;border:1px solid #e6c764;border-radius:10px;padding:.8rem 2.5rem .8rem .8rem;margin-bottom:1rem}.notice button{position:absolute;right:.5rem;top:.35rem;background:none;color:#17241e;padding:.25rem;font-size:1.2rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:650;font-size:.82rem;margin:.8rem 0}input,textarea,select{width:100%;font:inherit;font-size:1rem;border:1px solid #9ba69f;border-radius:9px;padding:.72rem;background:#fff;color:#17241e}textarea{min-height:80px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}.check{flex-direction:row;align-items:center}.check input{width:1.2rem;height:1.2rem}button,.file{font:inherit;font-weight:750;border:0;border-radius:9px;padding:.75rem 1rem;background:#1d6146;color:#fff;cursor:pointer;display:inline-block;margin:.25rem .4rem .25rem 0;text-align:center}.secondary{background:#e4ebe6;color:#173b2d}.link{background:transparent;color:#265e48;text-decoration:underline}.danger{background:#8b302b}.phrase,pre{background:#17241e;color:#e4f5eb;padding:1rem;border-radius:10px;line-height:1.8;overflow:auto;white-space:pre-wrap}.recovery{max-width:510px;margin:1rem auto}nav{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #ddd;padding:.3rem;border-radius:12px;position:sticky;top:.5rem;z-index:3;margin-bottom:1rem}nav button{background:transparent;color:#43534b;margin:0;padding:.65rem .3rem}nav button.active{background:#1d6146;color:#fff}.list article,.bottles article{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e1d8;padding:.85rem 0;gap:.8rem}.list article div{display:flex;flex-direction:column;gap:.2rem}.list span,.list small,.bottles span,.bottles small{color:#59675f;font-size:.8rem}.bottles article{display:grid;grid-template-columns:1fr auto}.bottles progress{grid-column:1/3;width:100%;accent-color:#1d6146}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1812cc;z-index:10;padding:1rem;overflow:auto}.modal .card{max-width:520px;margin:1rem auto}.file input{display:block;margin-top:.5rem;font-size:.8rem}hr{border:0;border-top:1px solid #ddd;margin:1rem 0}footer{text-align:center;color:#657068;padding:1rem;font-size:.75rem}:focus-visible{outline:3px solid #efac32;outline-offset:2px}@media(max-width:480px){.grid,.recommend{grid-template-columns:1fr}.recommend b{text-align:left}header{align-items:flex-end}.list article{align-items:flex-start}.list article button{padding:.55rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}