:root{color:#f4f1e8;font-synthesis:none;background:#080b12;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#3b2b12 0,#111522 32%,#080b12 70%);min-height:100vh;margin:0}button,input{font:inherit}.app{max-width:560px;min-height:100vh;margin:auto}.content{padding:28px 18px 116px}header{justify-content:space-between;align-items:center;margin:8px 2px 22px;display:flex}h1{margin:3px 0;font-size:28px}h2{margin:25px 3px 12px;font-size:17px}small{color:#959cab;display:block}.card{background:linear-gradient(145deg,#1f2534f5,#11151ff5);border:1px solid #2b3140;border-radius:20px;margin-bottom:12px;padding:18px;box-shadow:0 12px 30px #0004}.hero{background:radial-gradient(circle at 85% 20%,#72551f55,#0000 35%),linear-gradient(145deg,#242536,#151824);border-color:#665024;padding:28px 22px}.hero strong{letter-spacing:-2px;color:#f7cf68;margin:10px 7px 16px 0;font-size:42px;display:inline-block}.unit{color:#c3aa6d}.eyebrow{color:#aaa;display:block}.rank{color:#f3ca63;border-top:1px solid #ffffff12;align-items:center;gap:8px;padding-top:15px;display:flex}.rank i{color:#9ba1ad;margin-left:auto;font-size:13px;font-style:normal}.metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metrics b{color:#77d8a5;margin-top:8px;font-size:20px;display:block}.avatar{color:#17120a;background:linear-gradient(135deg,#f5d477,#a8721e);border:2px solid #ffe599;border-radius:15px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.row,.rankrow{justify-content:space-between;align-items:center;display:flex}.row b{color:#6ee0a0}.row .down{color:#ff8b8b}.row small{margin-top:4px}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:440px;min-height:100vh;margin:auto;padding:25px;display:flex}.login h1{font-size:40px}.login p{color:#aeb2bd;margin-bottom:36px}.brand{background:linear-gradient(145deg,#f5d97e,#a7741e);border-radius:30px;place-items:center;width:102px;height:102px;display:grid;transform:rotate(-5deg);box-shadow:0 0 60px #d9a72e44}.brand span{color:#15120c;font-size:61px;font-weight:900}.google,.primary{color:#191b20;background:#f2f1ec;border:0;border-radius:14px;width:100%;margin-bottom:15px;padding:16px 26px;font-weight:800;text-decoration:none}.login small{margin-top:10px}nav{z-index:10;width:min(100%,560px);height:calc(76px + env(safe-area-inset-bottom));padding:10px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111520f5;border-top:1px solid #303644;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav a{color:#747d8f;flex-direction:column;align-items:center;gap:4px;min-width:56px;font-size:11px;text-decoration:none;display:flex}nav a.active{color:#e7bd55}nav svg{width:23px}.add{margin-top:-23px}.add svg{color:#16120a;background:linear-gradient(145deg,#f1cd68,#ad741d);border-radius:18px;width:52px;height:52px;padding:14px;box-shadow:0 8px 24px #c8922944}.types{grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 22px;display:grid}.types button,.tabs button{color:#aeb4c0;background:#171c29;border:1px solid #333a4b;border-radius:12px;padding:12px}.types button.active,.tabs button.active{color:#f4cc67;background:#2c271b;border-color:#9a762b}label{color:#aeb3be;margin:14px 0 7px;font-size:13px;display:block}input{color:#fff;background:#0d111b;border:1px solid #343b4c;border-radius:12px;width:100%;padding:14px}.amount{background:#0d111b;border:1px solid #343b4c;border-radius:12px;align-items:center;padding-left:14px;display:flex}.amount input{border:0;font-size:27px}.primary{background:linear-gradient(145deg,#f0cd69,#b77a20);margin-top:24px}.primary:disabled{opacity:.5}.notice{text-align:center;color:#f2cd67}.tabs{gap:8px;margin-bottom:12px;display:flex}.tabs button{flex:1}.rankrow{padding:12px}.rankrow.me{background:#30281a;border-color:#d3a83c}.place{color:#d9b24f;width:32px}.small{border-radius:12px;width:38px;height:38px;margin-right:10px}.rankrow>span{flex:1}.rankrow>strong{font-size:14px}.profile{align-items:center;gap:14px;display:flex}.profile small{margin-top:4px}.danger{color:#ff9da5;background:#25171b;border:1px solid #5b3035;border-radius:14px;width:100%;padding:15px}.version{text-align:center;color:#666}.offline{z-index:20;color:#fff;text-align:center;background:#a75c20;justify-content:center;gap:8px;padding:9px;display:flex;position:sticky;top:0}.splash{color:#d9a72e;place-items:center;height:100vh;font-size:80px;display:grid}@media (orientation:landscape) and (height<=500px){.content{padding-top:12px}.hero{padding:18px}.hero strong{font-size:32px}}select{color:#fff;width:100%;font:inherit;background:#0d111b;border:1px solid #343b4c;border-radius:12px;padding:14px}.member{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.member>div{flex:1;min-width:0}.member button{color:#f4f1e8;background:#171c29;border:1px solid #4b5366;border-radius:10px;margin-left:auto;padding:10px 14px}