:root{color-scheme:dark;--bg:#08131c;--ink:#edf7f5;--muted:#91a8b1;--accent:#89efc0;--gold:#c4aa75;--line:rgba(233,247,255,.12)}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{margin:0;min-height:100svh;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,p{margin:0}h2:focus,.active-greeting:focus{outline:0}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;filter:blur(85px);border-radius:50%;opacity:.6;animation:drift 20s ease-in-out infinite alternate}.green{width:400px;height:400px;right:-210px;top:7%;background:rgba(11,139,106,.35)}.blue{width:450px;height:450px;left:-250px;bottom:0;background:rgba(30,72,131,.35);animation-delay:-9s}.gold{width:170px;height:170px;left:20%;top:-100px;background:rgba(176,136,61,.13)}main{position:relative;z-index:1;width:min(100%,460px);min-height:100svh;padding:calc(22px + env(safe-area-inset-top)) 26px calc(20px + env(safe-area-inset-bottom));margin:0 auto;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.brand svg{width:28px;height:28px;color:var(--accent)}.brand span{font-size:10px;letter-spacing:2px;font-weight:500}.badge{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:10px;letter-spacing:2px}.badge i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.view{flex:1;animation:enter .7s cubic-bezier(.19,1,.22,1) both}.view.leaving{animation:leave .3s ease both;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:500}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:470px;padding:15px 0 45px}.welcome-mark{width:94px;height:94px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(137,239,192,.09),rgba(255,255,255,.02));border:1px solid rgba(137,239,192,.19);box-shadow:0 0 75px rgba(100,220,178,.08),inset 0 1px 0 rgba(255,255,255,.08);margin-bottom:35px;animation:mark-in 1.4s cubic-bezier(.2,1,.2,1) both}.welcome-mark>span{font-size:45px;font-weight:300;color:var(--accent);position:relative}.tiny-dot{position:absolute;right:-7px;bottom:6px;width:5px;height:5px;background:var(--gold);border-radius:50%}.welcome h1{font-size:44px;letter-spacing:-2.3px;line-height:1.2;font-weight:500;margin-top:13px}.welcome h1>span,.done h2>span{color:var(--accent)}.welcome-copy{font-size:16px;line-height:1.65;color:var(--muted);margin-top:18px}.intro-line{width:72px;height:2px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:35px}.intro-line span{height:100%;display:block;background:var(--accent);transform-origin:left;animation:load 2.1s linear both}.text-button{border:0;background:transparent;color:var(--muted);padding:16px;font-size:12px;margin-top:10px}.text-button span{color:var(--accent);margin-left:8px}.view-heading{margin:25px 0 27px}.view-heading h2{font-size:35px;line-height:1.17;letter-spacing:-1.5px;font-weight:500;margin-top:12px}.view-heading h2 span{color:var(--muted)}.view-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.5}.glass{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.022));border:1px solid var(--line);border-radius:23px;box-shadow:0 20px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:25px}.form-heading{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;margin-bottom:24px}.small-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px rgba(137,239,192,.4)}label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:10px}label span{font-size:9px;letter-spacing:1.4px;color:#6a8591}.input-wrap{border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.16);height:57px;display:flex;align-items:center;padding:0 15px;gap:9px}.input-wrap:focus-within{border-color:rgba(137,239,192,.65);box-shadow:0 0 0 3px rgba(137,239,192,.06)}input{background:transparent;width:100%;min-width:0;color:var(--ink);border:0;outline:0;font:inherit;font-size:18px;height:100%;padding:0}input::placeholder{color:#516a78;font-size:16px}input::-webkit-date-and-time-value{text-align:left}input::-webkit-calendar-picker-indicator{opacity:.5}.prefix{color:var(--accent);font-size:19px}.hint{font-size:10px;color:#748b97;line-height:1.5;margin:8px 0 22px}.error{font-size:12px;color:#ffc19d;line-height:1.5;margin:11px 0;min-height:0}.error:empty{margin:18px 0 0}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:13px;padding:18px 20px;background:var(--accent);color:#082b23;font-weight:600;font-size:14px;transition:transform .2s,background .2s;min-height:54px}.primary:hover{background:#a6f5d2}.primary:active{transform:scale(.98)}.primary>span{font-size:19px;font-weight:400}.footnote{font-size:10px;text-align:center;line-height:1.6;color:#7c949f;margin-top:17px}.install-hint{font-size:10px;color:#617e8b;text-align:center;margin-top:10px;line-height:1.6}.active{display:flex;flex-direction:column;text-align:center;align-items:center;padding-top:30px}.pill{border:1px solid rgba(137,239,192,.14);border-radius:30px;background:rgba(137,239,192,.035);padding:8px 11px;color:var(--accent);font-size:9px;letter-spacing:1.5px;display:flex;gap:7px;align-items:center}.active-greeting{font-size:14px;color:var(--muted);margin-top:20px}.floating{position:relative;isolation:isolate;margin:auto 0;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;animation:float 7s ease-in-out infinite}.halo{width:300px;height:300px;border-radius:50%;position:absolute;border:1px solid rgba(137,239,192,.07);background:radial-gradient(circle,rgba(137,239,192,.035),transparent 65%);z-index:-1;box-shadow:0 0 70px rgba(50,170,150,.025)}.halo:after{content:"";position:absolute;inset:15px;border:1px solid rgba(137,239,192,.025);border-radius:50%}.amount{font-size:clamp(40px,12vw,60px);font-weight:500;line-height:1.12;letter-spacing:-2.6px;font-variant-numeric:tabular-nums;text-shadow:0 7px 25px rgba(0,0,0,.15);overflow-wrap:anywhere;max-width:100%}.floating .amount{margin-top:19px;color:#f3fff8}.cop{font-size:9px;letter-spacing:2.7px;color:var(--gold);margin-top:9px}.time-chip{display:flex;gap:10px;align-items:center;margin-top:27px;padding:10px 17px;border:1px solid rgba(255,255,255,.1);border-radius:40px;background:rgba(255,255,255,.035);box-shadow:0 5px 24px rgba(0,0,0,.09);backdrop-filter:blur(12px);font-size:21px;letter-spacing:.2px;font-variant-numeric:tabular-nums}.time-chip svg{color:var(--accent)}.time-caption{font-size:10px;color:var(--muted);margin-top:11px}.session-info{color:var(--muted);font-size:11px;line-height:1.7;margin:22px 0 24px}.session-info strong{color:#c5d8de;font-weight:400}.active-actions{width:100%}.active-actions>p:first-child{font-size:12px;color:var(--muted);margin-bottom:18px}.done{text-align:center;padding-top:20px}.check{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--accent);border:1px solid rgba(137,239,192,.2);background:rgba(137,239,192,.05);margin:0 auto 20px}.check svg{width:29px;height:29px}.done h2{font-size:37px;letter-spacing:-1.8px;font-weight:500;margin-top:12px}.done-copy{color:var(--muted);font-size:13px;line-height:1.6;margin-top:12px}.receipt{margin:26px 0 20px;text-align:center}.receipt .amount{font-size:47px;margin-top:14px}.receipt .cop{margin-bottom:25px}.receipt-line{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin-top:13px;text-align:left}.receipt-line span{color:var(--muted)}.receipt-line strong{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.receipt-note{border-top:1px solid var(--line);font-size:10px;color:#8299a3;margin-top:19px;padding-top:15px;line-height:1.5}footer{display:flex;justify-content:center;align-items:center;gap:11px;color:#516d7b;font-size:8px;letter-spacing:1.8px;margin-top:35px;flex-shrink:0}.footer-line{height:1px;width:20px;background:rgba(170,197,210,.14)}.storage-note{position:fixed;bottom:20px;left:20px;right:20px;z-index:10;background:#28372f;color:#fff2c8;border-radius:12px;padding:15px;font-size:12px;line-height:1.5;max-width:440px;margin:auto}.no-motion{animation:none!important}@keyframes enter{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes leave{to{opacity:0;transform:translateY(-15px);filter:blur(5px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes drift{to{transform:translate(50px,-35px) scale(1.15)}}@keyframes mark-in{from{opacity:0;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:350px){main{padding-left:19px;padding-right:19px}.glass{padding:21px}.welcome h1{font-size:39px}.view-heading h2{font-size:31px}.receipt .amount{font-size:40px}.halo{width:270px;height:270px}}@media(min-height:800px){.active{padding-top:50px}.view-heading{margin-top:55px}.done{padding-top:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro-line span{transform:scaleX(1)}}