:root{--bg: #F2EBE0;--bg2: #EAE1D4;--card: #FFFFFF;--card2: #FAF7F2;--gold: #7B5C14;--gold2: #9A7820;--gold3: #B89030;--goldL: #C8A040;--text: #1A1410;--body: #3C3028;--sub: #7A6E62;--muted: #B8AA9C;--line: #DED4C2;--dark: #120C08;--dw-bg: #1E1208;--dw-bg2: #271808;--dw-card: #2D1C0C;--dw-card2: #38220E;--dw-border: #4A2A10;--dw-border2: #603818;--dw-border3: #7A5428;--dw-sub: #C0966A;--dw-sub2: #4A2A10}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse 80% 55% at 50% -5%,rgba(200,160,88,.16) 0%,transparent 62%),radial-gradient(ellipse 38% 65% at 2% 42%,rgba(175,145,85,.07) 0%,transparent 55%),radial-gradient(ellipse 38% 65% at 98% 42%,rgba(175,145,85,.07) 0%,transparent 55%),radial-gradient(ellipse 65% 45% at 50% 56%,rgba(180,148,85,.05) 0%,transparent 58%),radial-gradient(ellipse 70% 40% at 50% 108%,rgba(190,155,88,.08) 0%,transparent 52%),#ede6da;font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:14px;color:var(--body);min-height:100vh}#root{width:520px;max-width:100%;min-height:100vh;margin:0 auto}.app-shell{width:100%;min-height:100vh;background:var(--bg);position:relative;display:flex;flex-direction:column;box-shadow:0 0 0 1px #9b7d4838,0 0 0 3px #e8e0d2,0 0 0 5px #9b7d481a,0 0 60px #0000001f}.screen{flex:1;background:radial-gradient(ellipse 90% 48% at 50% -5%,rgba(195,155,85,.09) 0%,transparent 58%),radial-gradient(ellipse 48% 46% at 12% 30%,rgba(160,130,78,.04) 0%,transparent 52%),radial-gradient(ellipse 48% 46% at 88% 30%,rgba(160,130,78,.04) 0%,transparent 52%),var(--bg);display:flex;flex-direction:column;width:100%;overflow:hidden}.screen-dark{background:radial-gradient(ellipse 95% 65% at 50% -8%,rgba(205,158,72,.13) 0%,transparent 64%),radial-gradient(ellipse 55% 55% at 11% 34%,rgba(162,88,38,.07) 0%,transparent 58%),radial-gradient(ellipse 55% 55% at 89% 34%,rgba(162,88,38,.07) 0%,transparent 58%),radial-gradient(ellipse 75% 55% at 50% 58%,rgba(140,68,26,.06) 0%,transparent 64%),radial-gradient(ellipse 80% 48% at 50% 108%,rgba(172,86,30,.1) 0%,transparent 60%),var(--dw-bg)!important}.screen-scroll{flex:1;overflow-y:scroll;scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.nav-bar{height:52px;background:#ffffffeb;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 16px;gap:8px;flex-shrink:0;width:100%}.nav-bar-dark{height:52px;background:radial-gradient(ellipse 110% 240% at 50% 0%,rgba(194,182,166,.1) 0%,transparent 58%),var(--dw-bg2);border-bottom:1px solid var(--dw-border);display:flex;align-items:center;padding:0 16px;gap:8px;flex-shrink:0;width:100%}.btn-primary{background:#3c3028;color:#f5f0e8;border:1px solid rgba(60,48,40,0);border-radius:6px;padding:0 20px;height:48px;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;width:100%;font-family:inherit;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:#4a3c32;box-shadow:0 4px 18px #3c302833;transform:translateY(-1px)}.btn-primary:active{background:#2e2420;transform:translateY(0)}.btn-primary:disabled{background:#3c30281f;color:var(--muted);border-color:transparent;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{background:transparent;color:var(--sub);border:none;padding:0 8px;height:32px;font-size:13px;cursor:pointer;font-family:inherit;transition:color .15s}.btn-ghost:hover{color:var(--body)}.btn-ghost-dark{background:transparent;color:var(--dw-sub);border:none;padding:0 8px;height:32px;font-size:13px;cursor:pointer;font-family:inherit;transition:color .15s;letter-spacing:.5px}.btn-ghost-dark:hover{color:#e8c870}.btn-outline{background:transparent;color:var(--body);border:1px solid var(--line);border-radius:8px;padding:0 20px;height:48px;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{background:#00000005;border-color:#785c3261;color:var(--text);transform:translateY(-1px);box-shadow:0 4px 15px #00000012}.btn-outline:active{transform:translateY(0)}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 6px #0000000d}.tag{background:#785a320f;color:var(--gold2);border:1px solid rgba(120,90,50,.2);border-radius:2px;padding:3px 10px;font-size:10px;letter-spacing:.5px;display:inline-block}.option-chip{padding:8px 14px;border-radius:4px;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.5px;cursor:pointer;background:transparent;border:1px solid rgba(120,92,50,.18);color:var(--sub);transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;align-items:center;justify-content:center}.option-chip:hover{background:#785c320a;border-color:#785c3252;color:var(--body)}.option-chip.active{background:#785c3217;border:1px solid rgba(155,120,50,.52);color:var(--text);box-shadow:0 2px 10px #0000000f;font-weight:700}.option-card{position:relative;height:64px;border-radius:6px;font-family:inherit;cursor:pointer;background:transparent;border:1px solid rgba(120,92,50,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s cubic-bezier(.25,.8,.25,1)}.option-card:hover{background:#785c3208;border-color:#785c324d}.option-card .card-label{font-size:13px;font-weight:500;color:var(--sub);letter-spacing:.5px;transition:color .2s}.option-card .card-sub{font-size:9px;color:#785c3266;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}.option-card.active{background:#785c3212;border:1px solid rgba(155,120,50,.52);box-shadow:0 3px 14px #00000012}.option-card.active .card-label{color:var(--text);font-weight:700}.option-card.active .card-sub{color:var(--gold2)}.option-card .card-check{position:absolute;top:6px;right:10px;font-size:10px;color:var(--gold2);opacity:0;transform:scale(.7);transition:all .2s ease}.option-card.active .card-check{opacity:1;transform:scale(1)}input[type=text],input[type=password],textarea{font-family:inherit;outline:none}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes scanPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scanLine{0%{top:7%;opacity:0}5%{opacity:1}90%{top:93%;opacity:1}to{top:93%;opacity:0}}input[type=range],input[type=checkbox]{accent-color:var(--gold2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c8a030,#8b6014);border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #8c601459,0 2px 8px #0000002e;cursor:pointer;transition:box-shadow .15s,transform .1s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px #8c60142e,0 2px 8px #0000002e;transform:scale(1.12)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c8a030,#8b6014);border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #8c601459;cursor:pointer}.hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.hide-scroll::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#b49b731f;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8c6e3766,#785a2838);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a07d3c8c,#8c692d59)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(140,110,55,.28) rgba(180,155,115,.1)}.chat-scroll::-webkit-scrollbar{width:3px}.chat-scroll::-webkit-scrollbar-track{background:#00000008;border-radius:10px;margin:6px 0}.chat-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8c6e374d,#8c6e371f);border-radius:10px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8c6e377a,#8c6e3738)}.custom-color-picker .react-colorful{height:155px!important;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #b49b7347,0 12px 36px #00000024;background:transparent;gap:12px}.custom-color-picker .react-colorful__saturation{border-radius:8px 8px 0 0;border-bottom:1px solid rgba(180,155,115,.22)}.custom-color-picker .react-colorful__hue{height:10px!important;border-radius:99px!important;margin:0 10px 10px;border:none}.custom-color-picker .react-colorful__pointer{width:14px!important;height:14px!important;border:2px solid #ffffff!important;box-shadow:0 2px 8px #0000004d!important;border-radius:50%;background:transparent!important}.custom-color-picker .react-colorful__saturation-pointer,.custom-color-picker .react-colorful__hue-pointer{width:14px!important;height:14px!important}