:root{--bg:#f5efe6;--bg-card:#fff;--bg-input:#ede5d8;--accent:#d95a1a;--accent-light:#fff0e6;--accent-dark:#b84a12;--text:#1a0e06;--text-secondary:#5c4a3a;--text-muted:#a09080;--border:#e5d9c8;--radius:20px;--radius-pill:100px;--shadow:0 2px 20px #1a0e0614;--sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#root{flex-direction:column;align-items:center;width:100%;min-height:100svh;display:flex}p{margin:0}button{font-family:var(--sans);cursor:pointer}button:active{opacity:.8}a{color:inherit;text-decoration:none}.screen{flex:1;padding:0 0 100px;overflow-y:auto}.screen-header{padding:52px 24px 8px}.screen-header h1{letter-spacing:-1px;font-size:34px;font-weight:900;line-height:1}.screen-header p{color:var(--text-muted);margin-top:6px;font-size:15px}.section{padding:24px 20px 0}.section-label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:700}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:10px}.card-dark{background:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;padding:28px 24px 24px}.card-dark h2{color:#fff;letter-spacing:-.5px}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.list-row:last-child{border-bottom:none;padding-bottom:0}.list-row:first-child{padding-top:0}.list-row-icon{background:var(--bg-input);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.list-row-body{flex:1;min-width:0}.list-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.list-row-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.list-row-action{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-pill);letter-spacing:-.3px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:17px 24px;font-size:17px;font-weight:700;display:flex}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.35;cursor:default}.btn-dark{width:100%;color:var(--text);border-radius:var(--radius-pill);letter-spacing:-.3px;background:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:17px 24px;font-size:17px;font-weight:700;display:flex}.btn-secondary{background:var(--bg-input);width:100%;color:var(--text);border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;gap:8px;padding:15px 24px;font-size:16px;font-weight:600;display:flex}.btn-icon{background:var(--bg-input);width:40px;height:40px;color:var(--text);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon-sm{color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:500}.btn-icon-sm:hover{color:var(--text)}.progress-bar{cursor:pointer;background:#fff3;border-radius:4px;height:4px;overflow:hidden}.progress-bar.light{background:var(--border)}.progress-fill{background:#fff;border-radius:4px;height:100%;transition:width .1s linear}.progress-fill.accent{background:var(--accent)}.form-group{flex-direction:column;gap:12px;display:flex}input[type=email],input[type=text]{background:var(--bg-input);border-radius:var(--radius-pill);font-size:16px;font-family:var(--sans);color:var(--text);border:none;outline:none;width:100%;padding:17px 22px}input::placeholder{color:var(--text-muted)}.error-msg{color:#c0392b;text-align:center;font-size:14px}.bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:100;background:#fffffff2;align-items:center;gap:4px;width:100%;max-width:430px;padding:10px 12px 28px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--text-muted);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:flex}.bottom-nav a.active{color:var(--accent);background:var(--accent-light)}.bottom-nav a svg{stroke-width:1.8px;width:22px;height:22px}.record-btn{background:var(--accent-light);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:38px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 24px #d95a1a33}.record-btn:active{transform:scale(.93)}.record-btn.recording{background:#ffeaea;animation:1.2s ease-in-out infinite pulse;box-shadow:0 4px 24px #d95a1a59}@keyframes pulse{0%,to{box-shadow:0 0 #d95a1a4d}50%{box-shadow:0 0 0 16px #d95a1a00}}.login-screen{flex-direction:column;justify-content:flex-end;min-height:100svh;padding:0 0 48px;display:flex}.login-hero{flex-direction:column;flex:1;justify-content:center;padding:60px 28px 40px;display:flex}.login-hero h1{letter-spacing:-3px;color:var(--accent);margin-bottom:14px;font-size:64px;font-weight:900;line-height:1}.login-hero p{color:var(--text-secondary);max-width:260px;font-size:17px;line-height:1.6}.login-form{flex-direction:column;gap:12px;padding:0 20px;display:flex}.login-sent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:40px 28px;display:flex}.login-sent .icon{margin-bottom:8px;font-size:56px}.login-sent h2{letter-spacing:-.5px;font-size:24px;font-weight:800}.home-screen{--wall-floor-line:306px;background:linear-gradient(180deg, #f6e4be 0 var(--wall-floor-line), #c98547 var(--wall-floor-line) 100%);width:100%;min-height:100svh;padding:0 0 28px;position:relative}.home-screen:before{content:"";left:0;right:0;top:calc(var(--wall-floor-line) - 10px);pointer-events:none;background:linear-gradient(#a56e36 0%,#8f5d2c 100%);height:12px;position:absolute;box-shadow:inset 0 2px #f5e0bd73,0 2px 6px #5630121a}.home-content{z-index:1;width:100%;max-width:430px;margin:0 auto;position:relative}.home-stage{background:0 0;padding:0;position:relative}.home-stage-topmark{z-index:4;color:#1a0e06;font-family:var(--brand);letter-spacing:-.04em;text-transform:uppercase;text-rendering:geometricprecision;font-size:32px;font-weight:900;line-height:1;position:absolute;top:22px;left:20px}.home-stage-menu{z-index:4;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:22px;right:20px}.home-stage-menu span{background:#1a0e06;border-radius:999px;width:18px;height:2.5px}.home-stage-menu-sheet{z-index:4;-webkit-backdrop-filter:blur(10px);background:#fff8ebf0;border-radius:16px;flex-direction:column;gap:4px;min-width:148px;padding:10px;display:flex;position:absolute;top:56px;right:20px;box-shadow:0 12px 24px #4d2c1224}.home-stage-menu-sheet a{color:#2b1709;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700}.home-stage-menu-sheet a:hover{background:#cf85471f}.home-stage-room{--floor-start:78%;background:linear-gradient(180deg, transparent 0 var(--floor-start), #c98547 var(--floor-start) 100%);height:392px;position:relative;overflow:hidden}.home-stage-room:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 10%,#7a471c14 10% 22%,#0000 22% 100%) 0 calc(100% - 50px)/100% 4px no-repeat,linear-gradient(90deg,#0000 0 56%,#7a471c12 56% 76%,#0000 76% 100%) 0 calc(100% - 34px)/100% 3px no-repeat,linear-gradient(90deg,#0000 0 18%,#ffd6a40f 18% 30%,#0000 30% 100%) 0 calc(100% - 22px)/100% 3px no-repeat,linear-gradient(90deg,#0000 0 70%,#ffd6a40d 70% 86%,#0000 86% 100%) 0 calc(100% - 12px)/100% 2px no-repeat,linear-gradient(90deg,#0000 0 36%,#7a471c0f 36% 48%,#0000 48% 100%) 0 calc(100% - 6px)/100% 3px no-repeat;position:absolute;inset:0}.home-stage-room:after{content:"";left:0;right:0;top:calc(var(--floor-start) - 10px);z-index:1;background:linear-gradient(#a56e36 0%,#8f5d2c 100%);height:12px;position:absolute;box-shadow:inset 0 2px #f5e0bd73,0 2px 6px #5630121a}.home-stage-lamp{width:70px;height:82px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.home-stage-lamp:before{content:"";background:#9d7b48;width:2px;height:36px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-stage-lamp span{clip-path:polygon(28% 0%,72% 0%,100% 100%,0% 100%);background:linear-gradient(#b88942 0%,#8f6628 100%);border-radius:10px 10px 16px 16px;width:54px;height:28px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 18px #ffcd7840}.home-stage-window{background:linear-gradient(#e9f5ff 0 58%,#d6e9cc 58% 100%);border:8px solid #9b6b35;border-radius:0;width:164px;height:116px;position:absolute;top:126px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 4px #fdecc673,0 6px 16px #73491a14}.home-stage-window:before{content:"";background:radial-gradient(circle at 18px 22px,#6d8e4f 0 18px,#0000 19px),radial-gradient(circle at 54px 20px,#7f9f5d 0 22px,#0000 23px),radial-gradient(circle at 92px 24px,#5f8443 0 20px,#0000 21px),radial-gradient(circle at 128px 18px,#799a57 0 24px,#0000 25px);height:34px;position:absolute;bottom:12px;left:-10px;right:-10px}.home-stage-window:after{content:"";background:#fffffff2;border-radius:999px;width:38px;height:14px;position:absolute;top:16px;left:18px;box-shadow:22px 8px 0 4px #ffffffeb,58px -2px 0 2px #ffffffe6}.home-stage-door{right:28px;bottom:calc(100% - var(--floor-start) - 4px);z-index:2;background:linear-gradient(#b2af8d 0%,#9ca07f 100%);border:5px solid #8d7041;border-radius:42px 42px 18px 18px;width:78px;height:146px;position:absolute;box-shadow:inset 0 0 0 5px #f0ebcf2e}.home-stage-door-window{background:#dce2d2;border:4px solid #856536;border-radius:50%;width:26px;height:26px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.home-stage-door-knob{background:#d39843;border-radius:50%;width:8px;height:8px;position:absolute;top:72px;right:12px}.home-stage-drawer{z-index:2;background:linear-gradient(#a36c3a 0%,#825227 100%);border-radius:10px;width:78px;height:88px;position:absolute;bottom:38px;left:24px;box-shadow:0 10px 18px #522c0f2e}.home-stage-drawer:after{content:"";filter:blur(3px);background:#58341433;border-radius:50%;width:62px;height:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.home-stage-drawer span{border:1px solid #5c331247;border-radius:8px;height:16px;position:absolute;left:10px;right:10px}.home-stage-drawer span:first-child{top:14px}.home-stage-drawer span:nth-child(2){top:36px}.home-stage-drawer span:nth-child(3){top:58px}.home-stage-drawer span:after{content:"";background:#f4dab399;width:10px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-stage-bird{z-index:2;width:84px;height:92px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.home-stage-bird:after{content:"";filter:blur(5px);background:#5834144d;border-radius:50%;width:82px;height:20px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.home-stage-bird-head{background:#ffd54f;border-radius:50%;width:54px;height:48px;position:absolute;top:0;left:14px}.home-stage-bird-crest{background:#f2b43d;border-radius:999px 999px 0 0;width:7px;height:14px;position:absolute;top:-10px;left:21px;transform:rotate(-18deg)}.home-stage-bird-crest:before,.home-stage-bird-crest:after{content:"";background:#f2b43d;border-radius:999px 999px 0 0;width:7px;height:14px;position:absolute;bottom:1px}.home-stage-bird-crest:before{left:-5px;transform:rotate(-20deg)}.home-stage-bird-crest:after{right:-5px;transform:rotate(22deg)}.home-stage-bird-eye{background:#fffdf8;border:1px solid #23160d1a;border-radius:50%;width:18px;height:18px;position:absolute;top:11px}.home-stage-bird-eye.left{left:8px}.home-stage-bird-eye.right{right:8px}.home-stage-bird-pupil{background:#23160d;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}.home-stage-bird-body{background:linear-gradient(#ffe17b 0 48%,#ffbf45 48% 74%,#fff4cf 74% 100%);border-radius:48% 48% 44% 44%;width:46px;height:46px;position:absolute;top:34px;left:18px}.home-stage-bird-wing{background:#f4b134;border-radius:50%;width:20px;height:30px;position:absolute;top:39px;right:9px;transform:rotate(-28deg)}.home-stage-bird-body:after{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#f59c1f;width:12px;height:9px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.home-stage-bird-foot{background:#352317;width:16px;height:2px;position:absolute;bottom:7px}.home-stage-bird-foot.left{left:23px;transform:rotate(10deg)}.home-stage-bird-foot.right{right:21px;transform:rotate(-10deg)}.home-stage-footer{background:#c98547;flex-direction:column;gap:14px;margin-top:0;padding:18px 20px 0;display:flex}.home-stage-progress-wrap{padding-top:2px}.home-stage-progress-bar{background:#fff5e4f2;border-radius:999px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #9a6c3533,0 4px 12px #85562114}.home-stage-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ff7e45 0%,#f6b15e 100%);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.home-stage-progress-time{color:#1a0e06;letter-spacing:.01em;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.home-stage-play{color:#fff;background:#ff7341;border:none;border-radius:18px;width:100%;padding:15px 20px;font-size:16px;font-weight:800;box-shadow:0 10px 18px #ff734147}.home-episode-shell{background:#c98547;margin-top:0;padding:18px 20px 20px}.home-episode-list-wrap{margin-top:0}.home-episode-list-head{color:#fff6ef;padding:2px 0 14px}.home-episode-title{letter-spacing:-.03em;font-size:25px;font-weight:900}.home-episode-subtitle{color:#fff4ebc7;margin-top:4px;font-size:13px}.home-episode-list{flex-direction:column;gap:10px;display:flex}.home-empty-card,.home-episode-card{background:#fffaf5;border-radius:18px;box-shadow:0 4px 14px #46261014}.home-empty-card{color:#7e6651;padding:22px 18px;font-size:14px}.home-episode-card{border:1px solid #b4783f1f;padding:14px}.home-episode-card.active{border-color:#ff734161;box-shadow:0 12px 20px #6836121f}.home-episode-card-row{align-items:center;gap:12px;display:flex}.home-episode-icon,.home-episode-check{border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-episode-icon{color:#9b6b3a;letter-spacing:.08em;background:#f3e2cc;border-radius:14px;width:42px;height:42px;font-size:11px;font-weight:900}.home-episode-icon.active{color:#d96f33;background:#ffe4d8}.home-episode-body{flex:1;min-width:0}.home-episode-body-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.home-episode-pill{color:#d4792e;background:#fff1df;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.home-episode-date{color:#8b7259;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.home-episode-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:15px;font-weight:800;overflow:hidden}.home-episode-meta{color:#9b8168;margin-top:2px;font-size:12px}.home-episode-check{color:#fff7f2;background:#ff7b45;border-radius:12px;width:34px;height:34px;font-size:14px;font-weight:900;box-shadow:0 6px 14px #e46d3938}.home-episode-check.active{color:#fff;background:#d95a1a}.home-episode-progress{cursor:pointer;background:#f0dfcf;border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.home-episode-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ff7341 0%,#ff9860 100%);height:100%;transition:width .1s linear}