:root{--bg: #ffffff;--panel: #ffffff;--surface: #f3f4f6;--muted: #466046;--text: #062814;--brand: #2f6d2b;--brand-2: #276026;--border: #dcdfe0;--glass: rgba(8,50,26,.03);--radius: 8px;--retro-shadow: 6px 6px 0 rgba(0,0,0,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:repeating-linear-gradient(45deg,rgba(144,238,144,.02) 0 6px,transparent 6px 12px),var(--bg);color:var(--text);font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-container{min-height:100%;display:flex;flex-direction:column}.navbar{position:sticky;top:0;background:linear-gradient(180deg,#fffc,#ffffffb3);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.navbar .container{max-width:1040px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}.brand img{border-radius:4px;background:linear-gradient(180deg,var(--brand),var(--brand-2));padding:6px;border:3px solid rgba(0,0,0,.06);box-shadow:var(--retro-shadow);width:36px;height:36px}.links{display:flex;gap:10px;align-items:center}.links a{padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:600}.links a.active{background:var(--glass);color:var(--text);box-shadow:0 4px 18px #0306170f}.content{flex:1;padding:20px 16px}.page{max-width:1100px;margin:0 auto;background:var(--surface);padding:20px;border-radius:12px;box-shadow:0 6px 18px #03061708;min-height:180px;display:block}.footer{border-top:1px solid var(--border);padding:18px;text-align:center;color:var(--muted);background:transparent}.home h1{font-size:clamp(22px,3.6vw,34px);margin:6px 0 4px}.home p{color:var(--muted)}.grid{display:flex;flex-direction:column;gap:16px;margin:18px 0}.grid.grid-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0;background:var(--surface);padding:12px;border-radius:10px}.card{background:linear-gradient(180deg,#fff,#fbfffb);border:3px solid var(--brand);transition:.12s transform,.12s box-shadow;padding:16px;box-shadow:var(--retro-shadow);width:100%;max-width:100%;align-self:stretch;border-radius:6px}.card:hover{transform:translateY(-4px);box-shadow:10px 10px #0000000f;border-color:var(--brand-2)}.card.active{border-color:var(--brand-2);background:linear-gradient(180deg,#e8ffe8,#f3f4f6);box-shadow:0 0 0 2px var(--brand-2)}.input-error{border-color:#d9534f!important;background:#fff5f5}.links a:focus,.links a:active{outline:3px solid rgba(76,154,71,.15);outline-offset:3px}input[type=text],input[type=number],input[inputmode],input,select,textarea{width:100%;box-sizing:border-box}.disclaimer{color:var(--muted);font-size:13px;margin-top:12px;line-height:1.4}@media (max-width: 680px){.grid.grid-horizontal{display:flex;flex-direction:column;gap:12px;background:var(--surface);padding:10px}}details.card{padding:0;overflow:hidden}details.card summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}details.card summary::-webkit-details-marker{display:none}details.card[open] summary{border-bottom:1px solid var(--border)}details.card>*:not(summary){padding:12px 16px 16px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}label{display:grid;gap:6px;font-size:14px;color:var(--muted)}input,select,textarea{padding:10px 12px;border:2px dashed var(--brand);border-radius:6px;background:linear-gradient(180deg,#fff,#f8f9f8);color:var(--text);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 6px 20px #060b170f;transform:translateY(-1px)}button{cursor:pointer;border-radius:10px;border:none;padding:10px 14px;font-weight:600}button.primary{background:transparent;color:var(--text);border:3px solid var(--brand);padding:10px 14px;border-radius:6px;box-shadow:var(--retro-shadow);font-weight:700}button.primary:hover{background:linear-gradient(180deg,#90ee901f,#66c2660f);border-color:var(--brand-2)}.result{background:linear-gradient(180deg,#fbfffb,#f0fff0);border:2px solid var(--brand);padding:12px;border-radius:6px;margin-top:10px;color:var(--text);box-shadow:4px 4px #00000008}.row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.row.total{border-top:1px dashed var(--border);margin-top:8px;padding-top:10px}.ad-banner{display:flex;justify-content:center;margin:14px 0}.ad-placeholder{width:100%;max-width:1040px;min-height:120px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);background:linear-gradient(180deg,var(--surface),#ffffff);border-radius:10px;padding:8px}@media (max-width: 900px){.navbar .container{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.brand img{width:32px;height:32px;padding:4px}.links{width:100%;display:flex;flex-wrap:wrap;gap:8px}.links a{flex:1 1 auto;text-align:center;padding:10px;border-radius:8px}.page{padding:16px;border-radius:10px}.home h1{font-size:clamp(20px,5vw,28px)}}@media (max-width: 680px){.content{padding:12px 10px}.page{padding:12px;border-radius:8px}.card{padding:12px;border-width:2px}.grid{gap:12px;margin:12px 0}.grid.grid-horizontal{padding:10px}.form{grid-template-columns:1fr}input,select,textarea{font-size:15px;padding:12px}button.primary{width:100%;padding:12px}.ad-placeholder{min-height:48px}.brand img{width:28px;height:28px}.links a{padding:8px 10px;font-size:14px}details.card summary{padding:10px}}@media (max-width: 420px){.navbar .container{padding:8px;gap:6px}.page{padding:10px}.home h1{font-size:20px}.links a{font-size:13px;padding:8px}.card{padding:10px}.result{font-size:14px}.row{gap:6px}}@media (pointer:coarse){.links a{padding-top:12px;padding-bottom:12px}button,input,select,textarea{touch-action:manipulation}}