:root{--accent:#ff2e88;--ink:#1b1033;--muted:#6b5b8a;--glass:#ffffffb8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:linear-gradient(135deg,#7b2ff7 0%,#f107a3 50%,#ff7a18 100%) fixed;place-items:center;min-height:100%;padding:24px;display:grid}.card{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 60px #1b103359}.card__head{text-align:center;margin-bottom:20px}.title{letter-spacing:-.02em;background:linear-gradient(120deg,#5efce8 0%,#00bcd4 45%,#0a7d8c 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.subtitle{color:var(--muted);margin:4px 0 0;font-size:.95rem}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#ffffffd9;border:1px solid #7b2ff740;border-radius:14px;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field textarea{resize:none;white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.5;overflow:hidden}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #ff2e882e}.hint{color:var(--accent);font-size:.8rem}.hint--muted{color:var(--muted)}.field__inline{align-items:stretch;gap:8px;display:flex}.field__inline input{flex:1}.feecalc{position:relative}.feecalc__toggle{cursor:pointer;background:#ffffffd9;border:1px solid #7b2ff740;border-radius:14px;height:100%;padding:0 14px;font-size:1.1rem}.feecalc__toggle:hover{border-color:var(--accent)}.feecalc__panel{z-index:10;background:#fff;border:1px solid #7b2ff740;border-radius:14px;flex-direction:column;gap:8px;width:240px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000026}.feecalc__row{align-items:center;gap:8px;display:flex}.feecalc__row input{border:1px solid #7b2ff740;border-radius:10px;flex:1;padding:8px 10px;font-size:.95rem}.feecalc__remove{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1}.feecalc__remove:hover:not(:disabled){color:var(--accent)}.feecalc__remove:disabled{opacity:.3;cursor:default}.feecalc__add{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85rem;font-weight:700}.feecalc__sum{border-top:1px dashed #7b2ff74d;justify-content:space-between;padding-top:8px;font-weight:700;display:flex}.feecalc__apply{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 14px;font-weight:700}.field__label{color:var(--muted);font-size:.85rem;font-weight:600}.field__split{align-items:stretch;gap:10px;display:flex}.field__split input{flex:1;min-width:0}.field__split .scan-btn{flex:1}.calc{z-index:70;-webkit-backdrop-filter:blur(8px);background:#0b071999;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.calc__card{background:#ffffffeb;border:1px solid #fff9;border-radius:18px;width:100%;max-width:360px;padding:22px;box-shadow:0 20px 60px #00000059}.calc__title{margin:0 0 16px;font-size:1.1rem;font-weight:700}.calc__result{color:var(--muted);margin:4px 0 18px;font-size:1rem}.calc__result strong{color:var(--accent);font-size:1.15rem}.calc__actions{gap:10px;display:flex}.scan-btn--ghost{color:var(--accent);background:#7b2ff71a}.scan-actions{gap:10px;display:flex}.scan-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,#7b2ff7 0%,#f107a3 100%);border:1px solid #7b2ff740;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.scan-btn--camera{color:var(--ink);background:#ffffffd9}.scan-preview{background:#fff9;border:1px solid #7b2ff733;border-radius:14px;margin:12px 0 0;padding:8px}.scan-preview__open{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.scan-preview__open img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:320px;display:block}.scan-preview figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:.72rem;display:flex}.scan-preview__close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.1rem;line-height:1}.scan-preview__close:hover{color:var(--accent)}.lightbox{z-index:60;background:#0b0719f2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.lightbox__inner{max-width:92vw;max-height:82vh}.lightbox img{object-fit:contain;touch-action:none;background:#fff;border-radius:8px;max-width:92vw;max-height:82vh;display:block}.lightbox__close{z-index:1;color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;font-size:1.4rem;line-height:1;position:absolute;top:14px;right:16px}.lightbox__hint{color:#ffffffb3;font-size:.8rem}.items{flex-direction:column;gap:10px;display:flex}.items__head,.items__grid{grid-template-columns:44px 44px 1fr 72px 24px;align-items:center;gap:6px;display:grid}.items__head{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:0 2px;font-size:.68rem;font-weight:600}.items__row{flex-direction:column;gap:2px;display:flex}.items__grid input{width:100%;color:var(--ink);background:#ffffffd9;border:1px solid #7b2ff740;border-radius:12px;padding:10px 8px;font-size:.95rem}.items__grid input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff2e882e}.items__num{text-align:center;-moz-appearance:textfield;padding-left:4px;padding-right:4px}.items__num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.items__num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.items__owe{color:var(--muted);text-align:right;padding-right:30px;font-size:.75rem}.toggle__btn{cursor:pointer;background:#fff9;border:1px solid #7b2ff740;border-radius:12px;gap:4px;padding:4px;display:flex}.toggle__btn span{color:var(--muted);border-radius:9px;flex:1;padding:8px 6px;font-size:.85rem;font-weight:600;transition:background .2s,color .2s}.toggle__btn .toggle__on{color:#fff;background:linear-gradient(120deg,#7b2ff7 0%,#f107a3 100%)}.items__remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.3rem;line-height:1}.items__remove:hover{color:var(--accent)}.items__actions{gap:8px;margin-top:10px;display:flex}.items__add,.items__clear{cursor:pointer;border-radius:12px;flex:1;padding:10px 12px;font-weight:700;transition:transform .15s,box-shadow .2s,opacity .2s}.items__add:active,.items__clear:active{transform:scale(.98)}.items__add{color:#fff;background:linear-gradient(120deg,#7b2ff7 0%,#f107a3 100%);border:1px solid #7b2ff740}.items__add:hover{box-shadow:0 8px 24px #7b2ff759}.items__clear{color:var(--accent);background:#7b2ff714;border:1px solid #7b2ff740}.items__clear:hover{background:#7b2ff729}.camera{z-index:50;-webkit-backdrop-filter:blur(8px);background:#0b0719eb;flex-direction:column;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.camera__stage{background:#000;border-radius:18px;flex:1;place-items:center;display:grid;overflow:hidden}.camera__video{object-fit:contain;width:100%;height:100%}.camera__error{color:#fff;text-align:center;padding:24px}.camera__hint{color:#fff;text-align:center;margin:0;font-size:.9rem}.camera__stage--crop{position:relative}.camera__zoom{width:100%;accent-color:var(--accent)}.camera__actions{gap:10px;display:flex}.scan-btn:hover{box-shadow:0 8px 24px #7b2ff759}.scan-btn:active{transform:scale(.98)}.scan-btn:disabled{opacity:.7;cursor:progress}.scan-btn svg{flex:none}.result{background:#ffffff8c;border:1px solid #fff9;border-radius:18px;margin-top:22px;padding:18px;transition:background .3s}.result--wtf{background:#ffea0059}.principles{text-align:center;margin:0 0 12px;font-size:1.05rem;font-weight:700}.breakdown{margin:0}.row{color:var(--muted);justify-content:space-between;padding:6px 0;font-size:.95rem;display:flex}.row dt,.row dd{margin:0}.total{border-top:1px dashed #7b2ff74d;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;display:flex}.total__label{color:var(--ink);font-weight:700}.total__value{color:var(--accent);font-size:2rem;font-weight:800;animation:.25s pop}.copy-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s}.copy-btn:hover{background:var(--accent);color:#fff}.actions{gap:10px;margin-top:14px;display:flex}.action-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:10px 14px;font-size:.95rem;font-weight:700;transition:background .15s,color .15s}.action-btn:hover{background:var(--accent);color:#fff}@keyframes pop{0%{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=460px){.card{border-radius:20px;padding:22px}.title{font-size:1.9rem}.total__value{font-size:1.7rem}}