:root{--bg:#f3f5f0;--card:#fff;--text:#263b32;--muted:#708076;--accent:#315d46}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,sans-serif}main{max-width:600px;margin:auto;padding:24px 20px calc(28px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;margin-bottom:26px}.logo{background:var(--accent);color:white;border-radius:16px;padding:12px 18px;font-size:26px}h1{font-size:23px;margin:0}header p{font-size:12px;margin:5px 0;color:var(--muted)}#plan{margin-left:auto;font-size:11px;background:#e4ecdf;padding:8px;border-radius:8px}nav{display:flex;background:#e6ebe3;border-radius:14px;padding:5px;gap:4px;margin-bottom:22px}nav button{flex:1;border:0;padding:12px 4px;background:transparent;border-radius:10px;color:var(--text)}nav button.active{background:white;box-shadow:0 2px 8px #263b3210}article{background:var(--card);padding:22px;border-radius:20px;margin:16px 0}.hero{background:#244d3b;color:#fff}.hero small{letter-spacing:1.5px;font-size:10px}.hero h2{font-size:34px;letter-spacing:-1px;margin:14px 0}.hero p{color:#d2e4d7}.metrics{display:flex;border-top:1px solid #ffffff30;gap:32px;padding-top:18px;font-size:12px;color:#c5d9ca}strong{display:block;font-size:18px;margin-top:5px;color:inherit}label{display:block;font-size:12px;color:var(--muted);margin:14px 0}input{display:block;width:100%;padding:14px;border:1px solid #dce3d9;border-radius:12px;margin-top:7px;background:var(--card);color:var(--text);font:16px system-ui}input:focus{outline:2px solid #739b80}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}button{cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:default}.primary,.secondary{width:100%;padding:16px;border-radius:13px;border:0;margin-top:12px}.primary{background:var(--accent);color:white}.secondary{background:#e1e9dc;color:var(--text)}summary{padding:15px 0;cursor:pointer;font-weight:600}.hint,footer{font-size:12px;line-height:1.6;color:var(--muted)}footer{margin-top:28px;text-align:center}h3{font-size:16px;margin-top:0}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0ea}.error{color:#9b4039}#notice:not(:empty){padding:12px;background:#f6eacb;border-radius:12px;margin-bottom:16px;font-size:13px}.tripcheck{width:auto;display:inline;margin-right:10px}.delete{border:0;background:transparent;color:#9b4039;font-size:12px;margin-top:12px}table{width:100%;font-size:12px;border-collapse:collapse}td,th{text-align:left;padding:8px 4px;border-bottom:1px solid #dce3d9}@media(prefers-color-scheme:dark){:root{--bg:#17261f;--card:#20362b;--text:#e8efe9;--muted:#adbcaf;--accent:#4b7759}nav{background:#20362b}nav button.active{background:#34543f}#plan,.secondary{background:#34543f;color:#e8efe9}input{border-color:#49614d}#notice:not(:empty){background:#514329}.row{border-color:#3b5041}}