:root{color-scheme:dark;--bg:#101313;--panel:#191d1d;--line:#303636;--text:#eff1eb;--muted:#9da7a2;--accent:#c7ed94;--soft:#202b20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover,a:hover{color:var(--accent)}[hidden]{display:none!important}header,main,footer{max-width:1328px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #262c2b}.brand{font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1px;display:inline-flex;align-items:center}.brand-dot{color:var(--accent)}.brandmark{width:31px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--accent);color:#1b2916;margin-right:10px;font-size:32px;line-height:1}.brandmark span{font-size:17px;margin:8px 0 0 -2px}nav{display:flex;gap:29px;align-items:center;font-size:16px;font-weight:500}nav b{font-size:16px;border-radius:5px;background:#2c3330;padding:3px 5px;margin-left:6px;color:#c3ccc6}.outline{border:1px solid #414b44;border-radius:8px;padding:11px 16px;font-size:16px;font-weight:600}.hero{min-height:510px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:74px 48px 55px}.eyebrow{font-size:16px;font-weight:650;letter-spacing:1.75px;color:var(--accent);display:flex;align-items:center;gap:8px;margin:0 0 23px}.eyebrow>span{width:6px;height:6px;background:var(--accent);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:clamp(36px,4vw,55px);line-height:1.18;font-weight:500;letter-spacing:-2.3px;margin-bottom:21px}h1 em{font-style:normal;color:var(--accent)}.hero-sub{color:#a8b0ac;font-size:16px;line-height:1.8;margin-bottom:29px}.search-wrap{max-width:535px;display:flex;align-items:center;height:57px;background:#1d2321;border:1px solid #3d4940;border-radius:10px;padding:0 16px;gap:12px;box-shadow:0 3px 30px #0002}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap svg{width:21px;color:var(--accent);flex-shrink:0}.search-wrap input{border:0;outline:none;background:none;padding:0;width:100%;font-size:16px;color:var(--text)}input::placeholder{color:#8d9992}kbd{font-family:'Google Sans','Roboto',Arial,sans-serif;padding:2px 7px;border:1px solid #3b443f;border-radius:4px;color:#8e9991;font-size:16px}.quick-search{display:flex;align-items:center;gap:11px;margin-top:14px;font-size:16px;color:#9aa59e;flex-wrap:wrap}.quick-search button{padding:0;text-decoration:underline;text-decoration-color:#47514a;text-underline-offset:3px}.quick-search>span{color:#65716a}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #293329;border-radius:50%;z-index:-1;transform:rotate(-24deg)}.orbit-one{width:450px;height:290px}.orbit-two{width:365px;height:370px;border-color:#202922}.mini-calculator{width:335px;background:linear-gradient(145deg,#272f28,#1b211e);border:1px solid #485342;border-radius:15px;padding:22px;transform:rotate(-5deg);box-shadow:0 24px 65px #0004}.mini-top{display:flex;gap:9px;align-items:center;color:#acb8a9;font-size:7px;letter-spacing:1px;margin-bottom:25px}.mini-top>span:last-child{margin-left:auto}.mini-icon{background:#3b4930;color:#d2edb0;border-radius:6px;font-size:19px;padding:2px 7px}.mini-calculator p{color:#bcc7b8;font-size:11px;margin-bottom:7px}.mini-calculator strong{font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:38px;font-weight:500;letter-spacing:-1.8px;display:block;margin-bottom:8px}.mini-calculator strong span{color:#84937e;font-size:25px}.mini-caption{font-size:9px;color:#8e9f89}.hero-chart{width:100%;height:94px;margin:17px 0 10px}.mini-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #394332;padding-top:13px;font-size:12px}.mini-bottom small{color:#8f9b8a;font-size:9px}.mini-bottom button{font-size:9px;color:#d1eeac;background:#35452a;padding:8px;border-radius:5px}.floating-symbol{position:absolute;color:#53614d;font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:26px}.plus{left:24px;top:40px;transform:rotate(15deg)}.percent{right:18px;top:38px;transform:rotate(15deg);font-size:32px}.times{left:9px;bottom:43px;font-size:30px}.floating-note{position:absolute;bottom:1px;right:2px;background:#222a24;border:1px solid #414e3e;box-shadow:0 12px 35px #0004;padding:15px 18px;border-radius:10px;display:flex;gap:11px;align-items:center;font-size:10px;transform:rotate(3deg)}.floating-note>span{display:grid;place-items:center;background:#3b4b31;border-radius:50%;width:24px;height:24px;color:var(--accent)}.floating-note small{display:block;font-size:8px;color:#95a28e;margin-top:5px}.library{padding:31px 48px 50px;border-top:1px solid #262c2b}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.muted{color:#819185;font-size:16px;margin-bottom:10px}h2{font-family:'Google Sans','Roboto',Arial,sans-serif;font-weight:500;font-size:27px;letter-spacing:-.8px;margin-bottom:0}h2>span{color:var(--accent)}.library-count{color:#829084;font-size:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #2a312d}.filters button{font-size:16px;padding:10px 14px;border-radius:7px;color:#a6b0a8;border:1px solid #303931;background:#181d1a;white-space:nowrap}.filters button.active{background:var(--accent);border-color:var(--accent);color:#25311a;font-weight:650}.filters button:hover{border-color:#829572}.results-heading{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#8f9c92;margin:24px 0 17px}.results-heading button{font-size:16px;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{position:relative;border:1px solid #2d3730;background:linear-gradient(120deg,#1b211d,#181d1a);border-radius:11px;min-height:191px;transition:transform .18s,border-color .18s,background .18s}.card:hover{transform:translateY(-3px);border-color:#6b805d;background:#20291f}.card-open{display:block;text-align:left;width:100%;height:100%;padding:21px 20px 17px}.card-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #405236;background:#2c3b26;color:#c7e6a7;border-radius:9px;font-size:21px;font-weight:500;margin-bottom:20px}.card[data-category='Money'] .card-icon{color:#c8c0ed;background:#302d41;border-color:#464058}.card[data-category='Travel'] .card-icon{color:#afd9db;background:#253b3c;border-color:#385253}.card[data-category='Life & events'] .card-icon{color:#e4c7ab;background:#3a3027;border-color:#554333}.card[data-category='Work & business'] .card-icon{color:#b8cae8;background:#28313d;border-color:#39485c}.card h3{font-size:16px;font-family:'Google Sans','Roboto',Arial,sans-serif;font-weight:650;letter-spacing:-.2px;margin-bottom:8px}.card p{font-size:16px;line-height:1.65;color:#99a59c;margin-bottom:20px;max-width:200px;min-height:36px}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#76877a;font-size:16px}.card-bottom span:last-child{font-size:17px;color:#a6b59d}.favorite{position:absolute;right:12px;top:14px;color:#788a7a;font-size:19px;padding:4px 7px}.favorite.active{color:var(--accent)}.bottom-banner{margin:0 48px 56px;padding:27px 30px;border:1px solid #354031;border-radius:12px;background:linear-gradient(100deg,#202a1d,#182019);display:flex;align-items:center;gap:20px}.banner-icon{font-size:35px;color:var(--accent)}.bottom-banner h3{font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:16px;margin-bottom:7px;font-weight:500}.bottom-banner p{font-size:16px;color:#93a18e;margin:0}.bottom-banner button{font-size:16px;margin-left:auto;color:var(--accent);white-space:nowrap}.bottom-banner button span{margin-left:16px}footer{border-top:1px solid #2a322c;padding:27px 48px 35px;display:flex;align-items:center;gap:22px;color:#7f8e83;font-size:16px}footer .brand{font-size:20px;color:#bbc7ba}footer button{font-size:16px;margin-left:auto}.footer-local{display:flex;gap:6px;align-items:center}.footer-local i{width:4px;height:4px;border-radius:50%;background:#9fc77e}.empty{text-align:center;padding:55px}.empty>span{font-size:45px;color:var(--accent)}.empty h3{margin:10px}.empty p{color:var(--muted)}.primary{background:var(--accent);color:#202b17;border-radius:8px;padding:13px 20px;font-weight:650}.primary:hover{background:#d8f5b1;color:#17220e}.skip{position:fixed;left:15px;top:-80px;background:var(--accent);color:#17220e;padding:15px;z-index:100}.skip:focus{top:10px}dialog{padding:28px 34px;border:1px solid #3d493e;border-radius:18px;background:#141a16;color:var(--text);max-width:min(1050px,95vw);width:100%;max-height:92dvh;box-shadow:0 35px 100px #0008}dialog::backdrop{background:#060b08d9;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.dialog-top .brand{font-size:21px}.icon-button{border:1px solid #364439;width:35px;height:35px;border-radius:8px;font-size:23px;display:grid;place-items:center}.calc-heading{margin-bottom:28px}.calc-heading .eyebrow{margin-bottom:10px}.calc-heading>div{display:flex;align-items:center;gap:15px}.calc-heading h2{font-size:32px}.calc-heading p:last-child{color:var(--muted);margin:10px 0 0}.calculator-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start}.inputs-panel{padding:24px;border:1px solid #303e32;border-radius:12px;background:#1a221c}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-heading h3{font-size:16px;margin:0}.panel-heading button{font-size:16px;color:#b5c6aa}#calculator-form,.builder-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}label{display:flex;flex-direction:column;gap:8px;color:#b5c1b5;font-size:16px}input,select{width:100%;min-width:0;padding:12px;border:1px solid #425046;border-radius:7px;background:#111912;color:#edf2e9;font-size:16px;min-height:44px}select{padding-right:8px}.field-wide{grid-column:1/-1}.results-panel{border-radius:12px;border:1px solid #43593a;background:linear-gradient(155deg,#293a23,#1d291b);padding:26px;position:sticky;top:0}.result-label{color:#c0d1b5;font-size:16px;margin-bottom:12px}.result-value{font-family:'Google Sans','Roboto',Arial,sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:550;color:#d9f5ba;letter-spacing:-1.5px;overflow-wrap:anywhere;margin-bottom:24px}.result-value small{font-size:17px;letter-spacing:0;margin-left:5px}.detail-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #405038;padding:12px 0;font-size:16px;color:#b3c3a7}.detail-row strong{color:#edf5e4;font-weight:500;text-align:right;overflow-wrap:anywhere}.result-note{color:#a7b79b;font-size:16px;line-height:1.7;border-top:1px solid #405038;padding-top:13px;margin-top:5px}.results-panel .outline{width:100%;margin-top:15px;border-color:#647354}.privacy-note{font-size:16px;line-height:1.7;color:#8fa184;margin:16px 0 0}.error{color:#ffb5a9;font-size:16px;line-height:1.7}.result-chart{width:100%;height:110px;margin:5px 0 15px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:20px}.keypad button{padding:11px 5px;background:#2b372d;border:1px solid #435247;border-radius:5px}.ev-info{margin-top:25px;border-top:1px solid #344332;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.ev-info h3{font-size:17px}.ev-info p,.ev-info li{font-size:16px;line-height:1.8;color:#a8b5a3}.map-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.map-placeholder{min-height:175px;border:1px solid #41543c;border-radius:10px;background:repeating-linear-gradient(35deg,transparent 0 39px,#34433355 40px 42px,transparent 43px 70px),#202b20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.map-placeholder span{font-size:28px;color:var(--accent);margin-bottom:10px}.map-placeholder button{background:#c7ed94;color:#23331b;padding:12px 20px;border-radius:7px}.map-placeholder small{color:#a5b49a;line-height:1.6;margin-top:12px}.map-frame{border:0;width:100%;height:250px;border-radius:10px}.ev-info a{display:inline-block}.builder-transfer{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}#builder-dialog{max-width:650px}#builder-dialog h2{margin-bottom:13px}#builder-dialog>p,#about-dialog p{font-size:16px;color:#a8b6a3;line-height:1.8}#builder-form{display:grid;gap:16px;margin-top:24px}#builder-form small{color:#a3b298;font-size:16px;line-height:1.6}.file-label{cursor:pointer;display:block}.file-label input{display:none}#about-dialog{max-width:650px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d5efbc;color:#26351c;border-radius:9px;padding:12px 20px;font-size:16px;z-index:100;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px #0005}.toast.visible{opacity:1;transform:translate(-50%,0)}.custom-delete{color:#dda89a;font-size:16px;margin-top:16px}.calc-link{color:var(--accent)}
@media(min-width:1450px){header,main,footer{max-width:1390px}.hero{padding-top:83px;padding-bottom:70px}.hero-art{padding-left:25px}.mini-calculator{width:365px}.floating-note{right:10px;bottom:0}.card{min-height:205px}.card-open{padding:23px}.card h3{font-size:16px}}
@media(max-width:1050px){header,footer{padding-left:30px;padding-right:30px}.hero{padding:55px 30px;grid-template-columns:1.2fr .85fr}.mini-calculator{width:285px;padding:18px}.mini-calculator strong{font-size:33px}.orbit-one{width:310px}.orbit-two{width:290px}.floating-note{font-size:9px;padding:12px;right:-8px;bottom:5px}.percent{right:0;top:15px}.plus{left:0;top:20px}.hero-sub{font-size:16px}.library{padding:30px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-banner{margin:20px 30px 40px}nav{gap:18px}nav>a{display:none}.footer-local{display:none}}
@media(max-width:720px){header{height:77px;padding:0 20px}.brand{font-size:23px}.brandmark{height:28px;width:27px;font-size:28px}nav{gap:10px}nav .outline{font-size:0;padding:0;width:37px;height:37px}nav .outline:after{content:'＋';font-size:22px}nav #favorites-nav{font-size:18px}nav #favorites-nav span{display:none}nav b{font-size:16px}.hero{display:block;min-height:0;padding:43px 22px 35px}.hero .eyebrow{font-size:16px;letter-spacing:1.45px;margin-bottom:20px}h1{font-size:41px;line-height:1.16;letter-spacing:-1.8px}.hero-sub{font-size:16px;margin-bottom:24px}.search-wrap{height:54px}.quick-search{font-size:16px;gap:10px}.hero-art{display:none}.library{padding:29px 20px 35px}.section-top{align-items:start;margin-bottom:21px}.section-top h2{font-size:23px;max-width:250px;line-height:1.35}.library-count{font-size:16px;max-width:60px;text-align:right;line-height:1.7;padding-top:20px}.muted{font-size:16px;margin-bottom:8px}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:17px;gap:7px;scrollbar-width:thin}.filters button{padding:9px 12px;font-size:16px}.results-heading{font-size:16px;margin:19px 0 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{min-height:188px}.card-open{padding:17px 14px 14px}.card-icon{margin-bottom:17px;height:32px;width:32px;font-size:20px}.card h3{font-size:16px;line-height:1.5;margin-bottom:6px}.card p{font-size:16px;line-height:1.6;margin-bottom:15px;min-height:32px}.card-bottom{font-size:16px}.favorite{right:6px;top:10px;font-size:17px}.bottom-banner{margin:0 20px 30px;padding:23px 20px;gap:15px;flex-wrap:wrap}.bottom-banner h3{font-size:16px}.bottom-banner p{font-size:16px;line-height:1.7}.bottom-banner>div{flex:1}.bottom-banner button{margin-left:42px}.banner-icon{font-size:28px}footer{padding:25px 20px;flex-wrap:wrap;gap:13px}footer .brand{font-size:19px}footer>span{font-size:16px}footer button{margin-left:0;width:100%;text-align:left;font-size:16px}dialog{max-width:100vw;width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0;padding:22px 20px}.dialog-top{margin-bottom:25px}.calculator-layout{grid-template-columns:1fr;gap:18px}.calc-heading h2{font-size:27px}.calc-heading p:last-child{font-size:16px;line-height:1.6}.inputs-panel,.results-panel{padding:20px}.results-panel{position:static}.result-value{font-size:37px}#calculator-form{gap:17px 12px}label{font-size:16px}input,select{font-size:16px;padding:11px 9px}.ev-info{grid-template-columns:1fr}.keypad button{min-height:44px}#builder-dialog,#about-dialog{max-width:100vw}.builder-fields{grid-template-columns:1fr}.toast{max-width:90vw;width:max-content;text-align:center}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}