*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Emiken Display;src:url(/fonts/emiken-display.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--orange: #f7941d;--orange-dark: #d97b0f;--orange-soft: rgba(247,148,29,.12);--brown: #9a5d25;--ink: #231f20;--peach: #fdc689;--sand: #d7cfcd;--sand-light: #f2ede9;--white: #ffffff;--red: #ed1c24;--bg: var(--sand-light);--card: var(--white);--border: rgba(35,31,32,.1);--muted: rgba(35,31,32,.6);--danger: #d1242a;--success: #2e8b47;--radius: 22px;--font-body: "Montserrat", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Emiken Display", "Fredoka", ui-rounded, "Montserrat", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-h: 64px;color-scheme:only light}html,body,#root{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}#root{display:flex;flex-direction:column;min-height:100dvh}a{color:var(--orange-dark);text-decoration:none;font-weight:600}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none;color:inherit;touch-action:manipulation;transition:transform .15s ease,background .2s,color .2s,box-shadow .2s}input{font-family:var(--font-body);outline:none;border:none}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pop{0%{transform:scale(.4) rotate(-12deg);opacity:0}70%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) both}.fade-in{animation:fadeIn .25s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{min-height:100dvh;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 16px)}.page.with-tabbar{padding-bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 24px)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:52px}.topbar .wordmark{height:30px;width:auto;display:block}.topbar .sub{color:var(--muted);font-size:13px;font-weight:500;margin-top:4px}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px #231f200a,0 8px 24px #231f200d}.section-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brown);margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:700;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn-lg{min-height:60px;font-size:17px}.btn-block{width:100%}.btn-primary{background:var(--orange);color:var(--ink);box-shadow:0 6px 20px #f7941d59}.btn-ink{background:var(--ink);color:var(--white)}.btn-outline{background:var(--white);border:1.5px solid var(--border);color:var(--ink)}.btn-ghost{min-height:44px;padding:0 12px;color:var(--muted);font-size:14px;font-weight:600}.icon-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--white);color:var(--ink);box-shadow:0 1px 2px #231f200f}@media (hover: hover){.btn-primary:hover{background:#f9a23d}.btn-outline:hover{border-color:var(--orange)}.btn-ghost:hover{color:var(--ink)}}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-field{width:100%;min-height:52px;background:var(--sand-light);border:1.5px solid transparent;border-radius:14px;padding:0 16px;color:var(--ink);font-size:16px;font-weight:500;transition:border-color .2s,background .2s}.input-field:focus{border-color:var(--orange);background:var(--white)}.input-field::placeholder{color:#231f2073}.spinner{width:20px;height:20px;border:2.5px solid rgba(35,31,32,.15);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.error-msg{background:#d1242a14;color:var(--danger);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:500}.success-msg{background:#2e8b471a;color:var(--success);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:500}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:500}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;padding:8px calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 12px);background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border)}.tabbar-inner{display:flex;width:100%;max-width:480px}.tabbar button{flex:1;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted)}.tabbar button.active{color:var(--orange-dark)}.auth-sticker{position:absolute;z-index:2;right:calc(var(--safe-right) + 10px);bottom:-16px;width:min(38vw,160px);height:auto;transform:rotate(-7deg);filter:drop-shadow(0 6px 10px rgba(35,31,32,.18));pointer-events:none;animation:stickerIn .5s .1s cubic-bezier(.2,.9,.25,1.2) both}@keyframes stickerIn{0%{opacity:0;transform:scale(.6) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}@media (max-height: 600px){.auth-sticker{width:min(32vw,128px)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#231f2073;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;max-height:calc(100dvh - var(--safe-top) - 24px);overflow-y:auto;background:var(--white);border-radius:28px 28px 0 0;padding:10px 20px calc(var(--safe-bottom) + 20px);animation:sheetUp .32s cubic-bezier(.2,.9,.25,1) both}.sheet-handle{width:40px;height:5px;border-radius:3px;background:var(--sand);margin:0 auto 14px}.list-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}