:root{--bg:#0f1413;--frame:#131917;--card:#1b2220;--card2:#232b28;--line:#2c3531;--ink:#e9edec;--muted:#96a19d;--accent:#4fd8c8;--accent-dim:rgba(79,216,200,0.14);--accent-ink:#072a25;--danger:#ff7b72;--warn:#e6b450;--ok:#58d6a0;--hero-grad:linear-gradient(145deg,#16211e,#101816 60%,#0e1513);--badge-off-bg:#262d2a;--badge-off-ink:#5d6a66;--tabbar-bg:rgba(15,20,19,0.96)}:root[data-theme=light]{--bg:#eef2f1;--frame:#f7faf9;--card:#ffffff;--card2:#eef2f1;--line:#dbe3e1;--ink:#17211f;--muted:#5e6c68;--accent:#0d9488;--accent-dim:rgba(13,148,136,0.1);--accent-ink:#ffffff;--danger:#d3403a;--warn:#9c6f14;--ok:#17835a;--hero-grad:linear-gradient(145deg,#e3f2ef,#f2f8f6 60%,#f7faf9);--badge-off-bg:#e4eae8;--badge-off-ink:#82908c;--tabbar-bg:rgba(247,250,249,0.96)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body,html{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a,button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}button,input,select,textarea{font-family:inherit}.frame{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--frame);position:relative;padding:16px 16px 84px}.topbar{display:flex;align-items:center;gap:8px;padding:4px 2px 14px}.topbar .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.topbar .host{font-size:12.5px;color:var(--muted);letter-spacing:.02em}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}.card h3{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:10px;letter-spacing:.01em}.hero{background:var(--hero-grad);border:1px solid var(--line);border-radius:16px;padding:22px 18px;margin-bottom:12px;position:relative;overflow:hidden}.hero .hero-art{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);pointer-events:none}.hero .hero-art.photo{object-fit:cover;opacity:.35}.hero .hero-body{position:relative;z-index:1}.hero .season{display:inline-block;font-size:11.5px;color:var(--accent);border:1px solid rgba(79,216,200,.4);border-radius:999px;padding:3px 10px;margin-bottom:12px}.hero h1{font-size:24px;line-height:1.32;font-weight:800;white-space:pre-line;margin-bottom:10px}.hero p{font-size:13px;color:var(--muted)}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.stat .v{font-size:20px;font-weight:800;color:var(--accent)}.stat .l{font-size:12px;color:var(--muted);margin-top:2px}.progress{height:8px;background:var(--card2);border-radius:999px;overflow:hidden;margin-top:10px}.progress>div{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.btn{background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;border-radius:12px;padding:14px}.btn,.btn.mini{display:block;width:100%;text-align:center}.btn.mini{font-size:13px;font-weight:600;padding:9px 12px;border-radius:8px;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(79,216,200,.35);margin-top:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.ghost,.btn.sub{color:var(--ink);font-weight:600}.btn.sub{background:var(--card2)}.badge{display:inline-block;font-size:11px;border-radius:6px;padding:2px 8px;font-weight:600}.badge.on{background:var(--accent-dim);color:var(--accent)}.badge.off{background:var(--badge-off-bg);color:var(--badge-off-ink)}.badge.ok{background:rgba(88,214,160,.14);color:var(--ok)}.badge.warn{background:rgba(230,180,80,.14);color:var(--warn)}.badge.bad{background:rgba(255,123,114,.14);color:var(--danger)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;background:var(--card2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px;font-size:15px}.field input:focus,.field select:focus{outline:1.5px solid var(--accent);border-color:transparent}.notice{background:var(--accent-dim);border:1px solid rgba(79,216,200,.3);border-radius:10px;padding:12px;font-size:13px;color:var(--ink);margin-bottom:12px}.notice.err{background:rgba(255,123,114,.1);border-color:rgba(255,123,114,.35)}.notice.dim{background:var(--card2);border-color:var(--line);color:var(--muted)}.list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;gap:8px}.list-row:last-child{border-bottom:none}.list-row .sub{color:var(--muted);font-size:12px}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:var(--tabbar-bg);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 4px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--muted)}.tabbar a.active{color:var(--accent)}.tabbar .ico{align-items:center;height:18px}.stamp-dots,.tabbar .ico{display:flex;justify-content:center}.stamp-dots{gap:10px;margin:14px 0}.stamp-dot{width:46px;height:46px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;font-weight:700}.stamp-dot.filled{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12.5px;border-radius:999px;padding:6px 12px;background:var(--card2);border:1px solid var(--line);color:var(--ink)}.chip.sel{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.stars{display:flex;gap:8px;margin:12px 0}.stars button{background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:8px 0;flex:1 1;font-size:13.5px;font-weight:700;color:var(--muted)}.stars button.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.preview-box{background:#0c1110;border:1px solid var(--line);border-radius:10px;min-height:88px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12.5px;margin-bottom:12px;overflow:hidden}.preview-box img{width:100%;max-height:160px;object-fit:contain;display:block}.page-label{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.02em;margin:2px 0}.section-title{font-size:17px;font-weight:800;margin:6px 0 4px}.headline{font-size:21px;font-weight:800;line-height:1.35;margin:2px 0 14px}.section-sub{font-size:13px;color:var(--muted);margin-bottom:14px}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:480px;background:var(--card);border-radius:18px 18px 0 0;border:1px solid var(--line);padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.spinner{width:22px;height:22px;border:3px solid var(--card2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}details.raw summary{font-size:12.5px;color:var(--muted);cursor:pointer;padding:6px 0}details.raw pre{background:#0c1110;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11.5px;color:var(--muted);overflow-x:auto;white-space:pre-wrap}.switch{position:relative;display:inline-block;width:40px;height:23px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .knob{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .18s;cursor:pointer}.switch .knob:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.switch input:checked+.knob{background:var(--accent)}.switch input:checked+.knob:before{transform:translateX(17px)}.switch input:focus-visible+.knob{outline:2px solid var(--accent);outline-offset:2px}.check-round{position:relative;display:inline-flex;cursor:pointer;flex-shrink:0}.check-round input{position:absolute;opacity:0;width:1px;height:1px}.check-round .ring{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s,border-color .15s,color .15s}.check-round .ring:after{content:"";width:5px;height:9px;border:solid;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.check-round input:checked+.ring{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.check-round input:focus-visible+.ring{outline:2px solid var(--accent);outline-offset:2px}.login-wrap{display:flex;flex-direction:column}.login-hero{display:flex;align-items:center;justify-content:center;padding:13.5vh 0}.login-hero .brand{font-size:54px;color:var(--accent);font-weight:900;letter-spacing:.03em}.login-actions{display:flex;flex-direction:column;gap:10px}.btn.start{display:flex;align-items:center;justify-content:center;position:relative;min-height:52px;padding:0 48px}.btn.start .start-ico{position:absolute;left:18px;display:flex;align-items:center}.btn.kakao{background:#fee500;color:#191919}.btn.naver{background:#03c75a;color:#fff}.btn.phone{background:var(--card2);color:var(--ink);border:1px solid var(--line);font-weight:600}.login-back{background:none;color:var(--muted);font-size:13px;padding:4px 0 12px;text-align:left;width:-moz-fit-content;width:fit-content}.login-foot{text-align:center;font-size:11.5px;color:var(--muted);margin-top:16px}.login-foot a{text-decoration:underline;text-underline-offset:2px}.wheel-display{width:100%;text-align:left;font-size:14px;font-family:inherit;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card2,transparent);color:inherit;cursor:pointer}.sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;background:var(--card);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--line);border-bottom:none;padding:4px 12px calc(14px + env(safe-area-inset-bottom));z-index:100}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 4px}.sheet-title{font-size:13.5px;font-weight:700}.sheet-btn{background:none;color:var(--muted);font-size:14px;padding:6px 8px}.sheet-btn.accent{color:var(--accent);font-weight:700}.wheel-row{position:relative;display:flex;align-items:stretch;justify-content:center;gap:2px;height:180px;overflow:hidden}.wheel-band{position:absolute;left:0;right:0;top:72px;height:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--accent-dim,rgba(79,216,200,.08));pointer-events:none}.wheel{height:180px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wheel::-webkit-scrollbar{display:none}.wheel-item{height:36px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:15px;color:var(--muted);cursor:pointer}.wheel-item.sel{color:var(--ink,inherit);font-weight:700}.wheel-sep{align-self:center;color:var(--muted);font-size:14px}