@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@font-face{font-family:DungGeunMo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.pixel-font{font-family:DungGeunMo,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}:root{--px-bg-deep: #050510;--px-bg-primary: #12122a;--px-bg-card: #1a1a3e;--px-bg-hover: #22224a;--px-neon-purple: #bd00ff;--px-neon-pink: #ff0099;--px-neon-cyan: #00f0ff;--px-neon-green: #00ff9f;--px-neon-yellow: #f0e600;--px-neon-red: #ff2a2a;--px-text: #e2e8f0;--px-text-dim: #94a3b8;--px-text-muted: #64748b;--px-scale: 4px;--px-font: "DungGeunMo", monospace}body{background-color:var(--px-bg-deep);background-image:linear-gradient(rgba(18,16,16,.1) 50%,transparent 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%}.pixel-box{position:relative;background:var(--px-bg-card);box-shadow:-4px 0 0 0 var(--px-bg-card),4px 0 0 0 var(--px-bg-card),0 -4px 0 0 var(--px-bg-card),0 4px 0 0 var(--px-bg-card),-4px -4px 0 0 var(--px-bg-primary),4px -4px 0 0 var(--px-bg-primary),-4px 4px 0 0 var(--px-bg-primary),4px 4px 0 0 var(--px-bg-primary),-4px -4px 0 2px var(--px-neon-purple),4px -4px 0 2px var(--px-neon-purple),-4px 4px 0 2px var(--px-neon-purple),4px 4px 0 2px var(--px-neon-purple);margin:10px;border:4px solid var(--px-neon-purple);outline:4px solid rgba(0,0,0,.5);box-shadow:0 0 15px #bd00ff33;image-rendering:pixelated}.pixel-border{border-style:solid;border-width:4px;border-image-slice:2;border-image-width:2;border-image-repeat:stretch;border-image-source:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(189,0,255)" /></svg>');background-color:var(--px-bg-card);box-shadow:0 0 10px #bd00ff33}.pixel-border-cyan{border-image-source:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(0,240,255)" /></svg>')}.pixel-btn{font-family:var(--px-font);font-size:1rem;padding:8px 16px;background-color:var(--px-bg-hover);border:4px solid var(--px-bg-primary);color:var(--px-text);cursor:pointer;position:relative;image-rendering:pixelated;box-shadow:inset -4px -4px #00000080,inset 4px 4px #ffffff1a;transition:all .1s;text-transform:uppercase;margin:4px}.pixel-btn:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border:2px solid transparent;pointer-events:none}.pixel-btn:hover{background-color:var(--px-bg-card);transform:translateY(-2px);box-shadow:inset -4px -4px #00000080,inset 4px 4px #fff3,0 4px #00000080}.pixel-btn:active{transform:translateY(2px);box-shadow:inset 4px 4px #00000080}.pixel-btn-purple{background-color:#6b21a8;border-color:#4c1d95;color:#fff}.pixel-btn-primary{background-color:var(--px-neon-yellow);border-color:#b45309;color:#000;font-weight:700}.pixel-btn-primary:hover{background-color:#fde047}.pixel-card{position:relative;background:var(--px-bg-card);border:4px solid var(--px-bg-primary);padding:1rem;box-shadow:inset 2px 2px #ffffff0d,inset -2px -2px #0000004d}.px-bar-wrap{width:100%;height:24px;background:#000;border:4px solid #333;padding:2px;position:relative;box-sizing:border-box}.px-bar-fill{height:100%;position:relative;background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.2) 4px,rgba(255,255,255,.2) 8px)}.hp-bar .px-bar-fill{background-color:var(--px-neon-green)}.exp-bar .px-bar-fill{background-color:var(--px-neon-purple)}.mp-bar .px-bar-fill{background-color:var(--px-neon-cyan)}.px-bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:2px 2px 0 #000;font-size:.8rem;z-index:2}.game-window{background:var(--px-bg-deep);border:4px solid var(--px-neon-purple);box-shadow:0 0 0 4px var(--px-bg-deep),0 0 0 8px var(--px-neon-purple),0 20px 50px #000c;margin:8px}.game-window-titlebar{background:var(--px-neon-purple);color:#fff;padding:8px;font-family:var(--px-font);text-align:center;text-transform:uppercase;font-weight:700;border-bottom:4px solid var(--px-bg-deep);display:flex;justify-content:space-between;align-items:center}.game-window-close{width:24px;height:24px;background:var(--px-neon-red);border:none;color:#fff;font-size:1rem;cursor:pointer;box-shadow:2px 2px #000}.game-window-close:active{transform:translate(2px,2px);box-shadow:none}.game-window-body{padding:16px;color:var(--px-text)}.pixel-input{width:100%;padding:12px;background:#000;border:2px solid var(--px-text-dim);color:var(--px-text);font-family:var(--px-font);font-size:1rem;outline:none}.pixel-input:focus{border-color:var(--px-neon-cyan);box-shadow:0 0 10px #00f0ff4d}.quest-card{background:var(--px-bg-card);border:2px solid var(--px-bg-primary);margin-bottom:8px;padding:12px;display:flex;align-items:flex-start;gap:12px;transition:transform .2s}.quest-card:hover{transform:translate(4px);border-color:var(--px-neon-purple)}.quest-card-check{width:24px;height:24px;border:2px solid var(--px-text-dim);background:transparent;cursor:pointer}.quest-card-check.checked{background:var(--px-neon-green);box-shadow:inset -2px -2px #00000080}.pixel-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--px-bg-deep);border-top:4px solid var(--px-neon-purple);display:flex;justify-content:space-around;align-items:stretch;z-index:999}.pixel-nav-item{flex:1;background:none;border:none;color:var(--px-text-dim);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;border-right:1px solid rgba(255,255,255,.05);transition:all .2s}.pixel-nav-item:hover{background:#bd00ff1a;color:var(--px-text)}.pixel-nav-item.active{background:#bd00ff33;color:var(--px-neon-cyan);box-shadow:inset 0 -4px 0 var(--px-neon-cyan)}.pixel-nav-icon{font-size:1.5rem}.pixel-nav-label{font-family:var(--px-font);font-size:.7rem;letter-spacing:1px}.pixel-nav-icon{width:24px;height:24px;display:inline-block;background-color:var(--px-text-dim);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.pixel-nav-item:hover .pixel-nav-icon{background-color:var(--px-text)}.pixel-nav-item.active .pixel-nav-icon{background-color:var(--px-neon-cyan);filter:drop-shadow(0 0 4px var(--px-neon-cyan))}.icon-home{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z"/></svg>')}.icon-quest{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>')}.icon-shop{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>')}.icon-skills{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>')}.icon-inventory{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>')}.icon-dream{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M9.37 5.51c-.18.64-.27 1.31-.27 1.99 0 4.08 3.32 7.4 7.4 7.4.68 0 1.35-.09 1.99-.27C17.45 17.19 14.93 19 12 19c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49zM12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M9.37 5.51c-.18.64-.27 1.31-.27 1.99 0 4.08 3.32 7.4 7.4 7.4.68 0 1.35-.09 1.99-.27C17.45 17.19 14.93 19 12 19c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49zM12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"/></svg>')}.icon-default{background-color:var(--px-neon-red)}.pixel-icon{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;position:relative;box-shadow:inset 2px 2px #fff3,inset -2px -2px #0000004d;border:2px solid rgba(0,0,0,.5);image-rendering:pixelated}.icon-monster-slime{background-color:#a8cf45;border-color:#5d8a00}.icon-monster-goblin{background-color:#27ae60;border-color:#1e8449}.icon-monster-knight{background-color:#95a5a6;border-color:#586e75;border-radius:2px}.icon-monster-dragon{background-color:#e74c3c;border-color:#c0392b}.icon-monster-boss{background-color:#8e44ad;border-color:#6c3483;box-shadow:0 0 5px #be1adb}.icon-level-1{background-color:#bdc3c7}.icon-level-2{background-color:#f1c40f}.icon-level-3{background-color:#e67e22}.icon-level-4{background-color:#e74c3c}.icon-level-5{background-color:#9b59b6}.icon-level-6{background-color:#2ecc71;box-shadow:0 0 8px #2ecc71}.icon-energy-1{background-color:#27ae60}.icon-energy-2{background-color:#84cc16}.icon-energy-3{background-color:#f2994a}.icon-energy-4{background-color:#eb5757}.icon-energy-5{background-color:#dc2626;animation:pulse-red 1s infinite}.icon-quest-organize{background-color:#3498db}.icon-quest-decide{background-color:#f39c12}.icon-quest-execute{background-color:#e74c3c}.icon-quest-default{background-color:#95a5a6}@keyframes pulse-red{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 #dc262600}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #191919;--bg-secondary: #202020;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-elevated: #2a2a2a;--text-primary: #ebebeb;--text-secondary: #9b9b9b;--text-muted: #5a5a5a;--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .2);--accent-blue: #529CCA;--accent-pink: #e255a1;--priority-urgent: #eb5757;--priority-urgent-bg: rgba(235, 87, 87, .12);--priority-important: #f2994a;--priority-important-bg: rgba(242, 153, 74, .12);--priority-normal: #27ae60;--priority-normal-bg: rgba(39, 174, 96, .12);--priority-later: #828282;--priority-later-bg: rgba(130, 130, 130, .12);--space-xs: 2px;--space-sm: 4px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-glow: 0 0 12px var(--accent-purple-glow);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-xs: .75rem;--font-sm: .8125rem;--font-base: .875rem;--font-md: .9375rem;--font-lg: 1rem;--font-xl: 1.125rem;--font-2xl: 1.25rem}html{font-size:16px}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;font-size:var(--font-base);-webkit-font-smoothing:antialiased}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-content{display:flex;flex:1;overflow:hidden}.app-content.hidden{display:none!important}.sidebar{width:240px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(255,255,255,.06);height:42px}.sidebar-header h3{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin:0}.sidebar-list{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:1px}.sidebar-empty{display:none;padding:var(--space-2xl) var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--font-xs)}.sidebar-empty.visible{display:block}.sidebar-toggle{display:none;position:fixed;top:8px;left:8px;z-index:100;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:49}.main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.main-scroll{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-2xl)}.welcome-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;color:var(--text-muted)}.welcome-state.hidden{display:none}.welcome-icon{font-size:2.5rem;margin-bottom:var(--space-lg);opacity:.6}.welcome-state h2{font-size:var(--font-lg);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.welcome-state p{font-size:var(--font-sm);line-height:1.6;color:var(--text-muted)}.input-dock{flex-shrink:0;padding:var(--space-md) var(--space-2xl) var(--space-xl);background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.04)}.input-dock-inner{max-width:720px;margin:0 auto;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-normal)}.input-dock-inner:focus-within{border-color:#a855f74d;box-shadow:0 0 8px #a855f714}.input-dock textarea{width:100%;min-height:20px;max-height:160px;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-base);font-family:inherit;line-height:1.5;resize:none;outline:none}.input-dock textarea::placeholder{color:var(--text-muted)}.input-dock-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.header{padding:var(--space-md) var(--space-xl);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.header-top{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-md)}.logo-icon{font-size:1.2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo h1{font-size:var(--font-md);font-weight:600;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-menu{display:none;align-items:center;gap:var(--space-lg)}.user-menu.visible{display:flex}.user-email{color:var(--text-muted);font-size:var(--font-xs)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--font-xs)}.tagline{display:none}.auth-section{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(168,85,247,.1) 0px,transparent 50%);display:flex;align-items:center;justify-content:center;overflow-y:auto}.auth-section.hidden{display:none}.header.hidden{display:none!important}.auth-screen{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem 1rem;max-width:480px;width:100%}.auth-logo{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.auth-logo-icon{display:none}.auth-logo-text{display:flex;flex-direction:column;align-items:center;line-height:1}.logo-18{font-size:5rem;font-weight:800;color:#fff;letter-spacing:-4px;background:none;-webkit-text-fill-color:#fff;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.logo-wrapper-text{display:flex;gap:.8rem;align-items:center}.logo-only,.logo-success,.logo-life{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#fff9;background:none;-webkit-text-fill-color:initial}.logo-success{color:#38bdf8;font-weight:700}.auth-logo-tagline{margin-top:1.5rem;color:#fff6;font-size:.85rem;font-weight:400;letter-spacing:.05em;position:relative;padding:0 1rem}.auth-logo-tagline:before,.auth-logo-tagline:after{content:"";position:absolute;top:50%;width:20px;height:1px;background:#ffffff1a}.auth-logo-tagline:before{left:-10px}.auth-logo-tagline:after{right:-10px}.auth-card{width:100%;max-width:400px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem 2rem;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 20px 40px #0003}.auth-title{display:none}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.auth-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:#fff6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.auth-tab:hover{color:#fff9}.auth-tab.active{color:#fff;border-bottom-color:#38bdf8}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form.hidden{display:none}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffff80;font-size:.8rem;font-weight:500;margin-left:4px}.form-group input{padding:1rem;background:#0003;border:1px solid transparent;border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s ease}.form-group input:focus{outline:none;background:#0006;border-color:#38bdf880;box-shadow:0 0 0 4px #38bdf81a}.form-group input::placeholder{color:#fff3}.btn-full{width:100%;justify-content:center;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;background:#fff;color:#000;margin-top:.5rem;border:none}.btn-full:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.auth-message{margin-top:1.5rem;padding:1rem;border-radius:12px;font-size:.9rem;text-align:center;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-message.visible{display:block}.auth-message.error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.auth-message.success{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.2)}.social-divider{display:flex;align-items:center;margin:2rem 0;gap:1rem}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.social-divider span{color:#ffffff4d;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.social-login-buttons{display:flex;flex-direction:column;gap:.75rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem;border:1px solid transparent;border-radius:12px;background:#ffffff0d;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.btn-social:hover{background:#ffffff14;transform:translateY(-1px)}.btn-social svg{flex-shrink:0}.btn-google:hover{border-color:#4285f4;box-shadow:0 0 12px #4285f44d}.btn-naver{background:#03c75a;border-color:#03c75a}.btn-naver:hover{background:#02b550;border-color:#02b550;box-shadow:0 0 12px #03c75a4d}.btn-kakao{background:#fee500;border-color:#fee500;color:#000}.btn-kakao:hover{background:#fdd800;border-color:#fdd800;box-shadow:0 0 12px #fee5004d}.api-key-section{margin-bottom:var(--space-xl)}.api-key-section.hidden{display:none}.api-key-card{background:var(--bg-card);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-key-card h3{font-size:var(--font-base);margin-bottom:var(--space-sm)}.api-key-card p{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-lg)}.api-key-input-group{display:flex;gap:var(--space-sm);max-width:500px;margin:0 auto var(--space-md)}.api-key-input-group input{flex:1;padding:var(--space-md);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.api-key-input-group input:focus{outline:none;border-color:var(--accent-purple)}.api-key-link{color:var(--accent-purple);text-decoration:none;font-size:.9rem;transition:opacity var(--transition-fast)}.api-key-link:hover{opacity:.8}.error-log{display:none;margin-top:var(--space-lg);text-align:left;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);overflow:hidden}.error-log.visible{display:block}.error-log-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#ef444426;font-weight:500;font-size:.9rem}.btn-clear{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:4px 8px;border-radius:4px}.btn-clear:hover{background:#ffffff1a;color:var(--text-primary)}.error-log-content{padding:var(--space-md);max-height:200px;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.5}.error-log-item{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.05)}.error-log-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.error-time{color:var(--text-muted);font-size:.75rem}.error-message{color:#f87171;word-break:break-all}.char-count{color:var(--text-muted);font-size:var(--font-xs)}.btn{padding:5px 12px;border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-analyze{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));color:#fff;font-size:var(--font-base);padding:6px 20px}.btn-analyze:hover:not(:disabled){opacity:.9}.btn-analyze .btn-icon{font-size:1rem}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.loading-state{display:none;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl)}.loading-state.visible{display:flex}.loading-spinner{width:32px;height:32px;border:2px solid rgba(168,85,247,.2);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--text-secondary);font-size:var(--font-sm)}.results-section{display:none}.results-section.visible{display:block}.results-section h2{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-lg)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.results-header h2{margin-bottom:0}.results-actions{display:flex;align-items:center;gap:var(--space-md)}.task-count{color:var(--accent-purple);font-weight:500;font-size:var(--font-xs)}.results-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@media (max-width: 1024px){.results-board{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.results-board{grid-template-columns:1fr}}.priority-column{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-lg);min-height:120px}.priority-column.urgent{border-top:2px solid var(--priority-urgent)}.priority-column.important{border-top:2px solid var(--priority-important)}.priority-column.normal{border-top:2px solid var(--priority-normal)}.priority-column.later{border-top:2px solid var(--priority-later)}.priority-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-weight:500;font-size:var(--font-sm)}.priority-badge{width:8px;height:8px;border-radius:50%}.urgent .priority-badge{background:var(--priority-urgent)}.important .priority-badge{background:var(--priority-important)}.normal .priority-badge{background:var(--priority-normal)}.later .priority-badge{background:var(--priority-later)}.priority-items{display:flex;flex-direction:column;gap:var(--space-sm)}.session-column{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-lg);min-height:80px;border-top:2px solid var(--accent, #38bdf8)}.session-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-weight:500;font-size:var(--font-sm);color:var(--text-secondary)}.session-items{display:flex;flex-direction:column;gap:var(--space-sm)}.priority-dot{font-size:.6rem;margin-left:4px;vertical-align:middle}.task-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);cursor:default}.task-item:hover{background:var(--bg-card-hover)}.task-row{display:flex;align-items:center;gap:.5rem}.task-title{font-weight:500;font-size:var(--font-sm);margin-bottom:2px}.task-title-edit{width:100%;padding:1px 4px;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);background:#a855f70f;color:var(--text-primary);font-size:var(--font-sm);font-weight:500;font-family:inherit;outline:none;margin-bottom:2px}.task-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.task-category{display:inline-block;font-size:var(--font-xs);color:var(--accent-purple);background:#a855f71f;padding:1px 6px;border-radius:3px}.task-time{display:inline-block;font-size:var(--font-xs);color:var(--text-secondary);background:#ffffff0f;padding:1px 6px;border-radius:3px}.task-elapsed{display:inline-block;font-size:var(--font-xs);color:var(--accent-blue, #3b82f6);background:#3b82f61a;padding:1px 6px;border-radius:3px;font-variant-numeric:tabular-nums}.task-item.completed .task-elapsed{color:var(--accent-green, #22c55e);background:#22c55e1a}.task-inline-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.task-item:hover .task-inline-actions{opacity:1}.task-subdump-btn{padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);line-height:1}.task-subdump-btn:hover{background:#ffc8571a;border-color:#ffc85740;transform:scale(1.1)}.task-subdump-btn.loading{opacity:1;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.task-subtasks{margin-top:8px;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.06)}.subtask-header{margin-bottom:6px}.subtask-count{font-size:.68rem;color:#fff6}.subtask-item{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:.75rem}.subtask-complete-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff6;font-size:.65rem;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .15s;line-height:1}.subtask-complete-btn:hover{border-color:#4caf5080;color:#4caf50cc}.subtask-completed .subtask-complete-btn{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.subtask-completed .subtask-title{text-decoration:line-through;opacity:.4}.subtask-title{color:#ffffffb3;flex:1;line-height:1.3;transition:opacity .15s}.subtask-time{color:#ffffff4d;font-size:.65rem;flex-shrink:0}.task-delete-btn{padding:4px 6px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);line-height:1}.task-delete-btn:hover{background:#eb57571f;color:#eb5757;border-color:#eb575766}.task-item[draggable=true]{cursor:grab}.task-item[draggable=true]:active{cursor:grabbing}.task-item.dragging{opacity:.3!important;border:1px dashed rgba(168,85,247,.3)}body.is-dragging .task-item *{pointer-events:none}body.is-dragging .priority-items{min-height:40px}.priority-items.drag-over{background:#a855f70f;border:1px dashed rgba(168,85,247,.2);border-radius:var(--radius-sm);min-height:40px}.task-undo-btn{padding:2px 8px;border:1px solid rgba(235,87,87,.2);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.65rem;cursor:pointer}.history-item{background:transparent;border-radius:var(--radius-sm);padding:6px var(--space-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.history-item:hover{background:#ffffff0a}.history-item.active{background:#a855f714;border-left:2px solid var(--accent-purple)}.history-date{font-size:.65rem;color:var(--text-muted);margin-bottom:1px}.history-preview{color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-delete-btn{flex-shrink:0;padding:2px 6px;border:1px solid rgba(235,87,87,.2);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.65rem;cursor:pointer;transition:all var(--transition-fast);position:relative;z-index:2;opacity:0}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{background:#eb575726;color:#eb5757;border-color:#eb575766}@media (max-width: 768px){.header{padding:var(--space-sm) var(--space-md)}.header-top{flex-wrap:wrap;gap:var(--space-sm)}.logo h1{font-size:1.5rem}.logo-icon{font-size:1.8rem}.tagline{display:none}.user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{position:fixed;top:0;left:-300px;bottom:0;width:280px;z-index:50;transition:left .3s ease}.sidebar.open{left:0}.sidebar-toggle{display:flex;top:8px;left:8px}.logo{margin-left:40px}.sidebar-overlay.open{display:block}.main-scroll{padding:var(--space-md)}.input-dock{padding:var(--space-sm) var(--space-md)}.btn-analyze{padding:var(--space-sm) var(--space-md);font-size:.9rem}.results-board{grid-template-columns:1fr}.rpg-status-bar{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.rpg-stats-mini{flex-wrap:wrap;gap:4px;justify-content:center}.rpg-combo .combo-count{font-size:1.8rem}.rpg-combo .combo-label{font-size:.8rem}.achievements-panel{padding:var(--space-sm) var(--space-md)}.achievement-item{padding:3px 4px}.task-inline-actions{opacity:1}.modal-overlay .modal{width:95vw;max-height:90vh}}@media (max-width: 480px){.header-top{padding:var(--space-xs) var(--space-sm)}.logo h1{font-size:1.1rem}.logo-icon{font-size:1.3rem}.user-email{display:none}.stat-tag{font-size:.5rem;padding:0 3px}.rpg-exp-text{font-size:.55rem}.rpg-level-badge{font-size:.6rem;padding:0 4px}.input-dock{gap:var(--space-xs)}.brain-input{font-size:.85rem;min-height:36px}.btn-analyze{font-size:.8rem;padding:4px 8px;white-space:nowrap}.task-item{min-height:44px}.task-complete-btn{width:28px;height:28px}.task-inline-actions{opacity:1}.rpg-combo .combo-count{font-size:1.4rem}.rpg-combo .combo-label{font-size:.7rem}.achievement-desc{display:none}}.rpg-status-bar{display:flex;gap:var(--space-lg);align-items:center;margin-top:var(--space-md);padding:4px var(--space-xl);background:var(--bg-card);border:1px solid rgba(168,85,247,.1);border-radius:var(--radius-md)}.rpg-level{display:flex;align-items:center;gap:var(--space-sm);flex:1}.rpg-level-badge{font-weight:600;font-size:var(--font-xs);color:var(--accent-purple);background:#a855f71f;padding:2px 8px;border-radius:3px;white-space:nowrap;min-width:42px;text-align:center;transition:transform var(--transition-fast),background var(--transition-fast)}.rpg-level-badge.level-up{animation:levelUpPulse .6s ease}@keyframes levelUpPulse{0%{transform:scale(1)}40%{transform:scale(1.3);background:var(--accent-purple);color:#fff}to{transform:scale(1)}}.rpg-exp-bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.rpg-exp-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.rpg-exp-text{font-size:.65rem;color:var(--text-muted);white-space:nowrap;min-width:60px;text-align:right}.rpg-energy{display:flex;align-items:center;gap:var(--space-sm);flex:1}.rpg-energy-emoji{font-size:.9rem;transition:transform .3s ease}.rpg-energy-bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.rpg-energy-fill{height:100%;background:#27ae60;border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .5s ease}.rpg-energy-text{font-size:.65rem;color:var(--text-muted);white-space:nowrap;min-width:40px}.rpg-energy-fill.energy-high{background:#eb5757}.rpg-energy-fill.energy-medium{background:#f2994a}.rpg-stats-mini{display:flex;gap:6px;padding-top:2px}.stat-tag{font-size:.55rem;padding:1px 5px;border-radius:3px;letter-spacing:.5px;color:#ffffffb3}.stat-tag b{margin-left:2px;font-weight:700}.stat-str{background:#eb575726;color:#eb5757}.stat-int{background:#2f80ed26;color:#2f80ed}.stat-dex{background:#27ae6026;color:#27ae60}.stat-foc{background:#a855f726;color:#a855f7}.rpg-combo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;z-index:9999;pointer-events:none}.combo-count{font-size:2.5rem;font-weight:900;color:#f2994a;text-shadow:0 0 20px rgba(242,153,74,.5)}.combo-label{font-size:1rem;font-weight:700;color:#fffc;letter-spacing:2px}.rpg-combo.combo-pop{animation:comboPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.achievements-panel{border-top:1px solid rgba(255,255,255,.06);padding:var(--space-md) var(--space-lg);margin-top:auto}.achievements-header{font-size:var(--font-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-sm)}.achievements-list{display:flex;flex-direction:column;gap:4px}.achievement-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);transition:background .15s}.achievement-item.locked{opacity:.35}.achievement-item.unlocked{background:#27ae600f}.achievement-icon{font-size:.9rem;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-name{font-weight:500;color:var(--text-primary);font-size:var(--font-xs)}.achievement-desc{color:var(--text-muted);font-size:.6rem}.achievement-check{color:#27ae60;font-weight:700;font-size:.75rem}.rpg-toast-item.achievement{border-left:3px solid #f2994a;background:#f2994a1a}.task-item{position:relative}.task-complete-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;transition:all .2s ease}.task-circle{display:block;width:0;height:0;border-radius:50%;background:#27ae60;transition:all .2s ease}.task-complete-btn:hover{border-color:#27ae6099;background:#27ae6014}.task-complete-btn:hover .task-circle{width:8px;height:8px;opacity:.4}.task-item.completed{opacity:.5}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-muted)}.task-item.completed .task-complete-btn{border-color:#27ae60;background:#27ae60}.task-item.completed .task-circle{width:10px;height:10px;background:#fff}.task-item.completing{animation:taskComplete .4s ease forwards}@keyframes taskComplete{0%{opacity:1}to{opacity:.5}}.completed-section{margin-top:1.5rem;border-radius:12px;background:#22c55e0a;border:1px solid rgba(34,197,94,.15);overflow:hidden}.completed-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text-secondary, #b0b0b0);transition:background .2s;-webkit-user-select:none;user-select:none}.completed-header:hover{background:#22c55e14}.completed-toggle-icon{font-size:.7rem;color:var(--text-muted, #888);transition:transform .2s}.completed-count{margin-left:auto;font-size:.75rem;opacity:.6;font-weight:400}.completed-items{padding:.5rem 1rem 1rem}.completed-date-group{margin-bottom:.75rem}.completed-date-label{font-size:.75rem;font-weight:600;color:var(--text-muted, #888);margin-bottom:.5rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.completed-section .task-item.completed{opacity:.7;border-left:3px solid rgba(34,197,94,.4);padding-left:.75rem;margin-bottom:.35rem}.completed-section .task-item.completed:hover{opacity:.9}.task-elapsed-done{font-size:.7rem;color:var(--accent-purple, #a855f7);background:#a855f71a;padding:2px 6px;border-radius:4px;font-weight:500}.task-completed-time{font-size:.7rem;color:var(--accent-green, #22c55e);background:#22c55e1a;padding:2px 6px;border-radius:4px;font-weight:500}.rpg-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.rpg-toast-item{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-align:center;animation:toastSlideUp 2.5s cubic-bezier(.4,0,.2,1) forwards;margin-bottom:8px;white-space:nowrap}.rpg-toast-item.exp-gain{background:linear-gradient(135deg,#a855f7e6,#3b82f6e6);color:#fff;box-shadow:0 4px 20px #a855f766}.rpg-toast-item.level-up{background:linear-gradient(135deg,#ec4899f2,#a855f7f2);color:#fff;box-shadow:0 4px 25px #ec489980;font-size:1.2rem}.rpg-toast-item.cooldown-warning{background:#f59e0be6;color:#1a1a1a;box-shadow:0 4px 20px #f59e0b4d;font-size:.9rem}.rpg-toast-item.energy-relief{background:linear-gradient(135deg,#22c55ee6,#84cc16e6);color:#fff;box-shadow:0 4px 20px #22c55e66}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width: 600px){.rpg-status-bar{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.rpg-level,.rpg-energy{width:100%}}@media (prefers-reduced-motion: reduce){.rpg-level-badge.level-up,.task-item.completing,.rpg-toast-item,.logo-icon{animation:none!important}.rpg-exp-fill,.rpg-energy-fill{transition:none!important}}.history-item{position:relative;display:flex;align-items:center;gap:12px}.history-content{flex:1;min-width:0}.history-delete-btn{flex-shrink:0;border:1px solid rgba(239,68,68,.3);border-radius:6px;background:transparent;color:#ef4444b3;font-size:12px;font-weight:500;cursor:pointer;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.history-delete-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef4444}.task-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.task-content{flex:1;min-width:0}.task-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.task-item.completed .task-undo-btn{border-color:#fb923c80!important;color:#fb923c!important}.task-undo-btn,.task-subdump-btn{border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:var(--text-secondary, #aaa);font-size:11px;font-weight:500;cursor:pointer;padding:3px 8px;transition:all .2s ease;white-space:nowrap}.task-undo-btn:hover{background:#fb923c26;color:#fb923c;border-color:#fb923c}.task-subdump-btn:hover{background:#a855f726;color:#a855f7;border-color:#a855f7}.task-subtasks{width:100%;margin-top:8px;padding-left:24px;border-left:2px solid rgba(168,85,247,.3)}.subtask-item{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:4px;border-radius:6px;background:#ffffff08;font-size:.85rem;animation:subtaskSlideIn .3s ease forwards}.subtask-item:last-child{margin-bottom:0}.subtask-priority{font-size:.75rem;opacity:.7;flex-shrink:0}.subtask-title{color:var(--text-primary, #e0e0e0)}@keyframes subtaskSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.subdump-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s ease}.subdump-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subdump-dialog{position:relative;width:90%;max-width:520px;background:var(--bg-card, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000080}.subdump-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.subdump-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff)}.subdump-close{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff0d;color:var(--text-secondary, #999);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.subdump-close:hover{background:#ef444426;color:#ef4444}.subdump-parent-task{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:16px;border-radius:10px;background:#a855f714;border:1px solid rgba(168,85,247,.2)}.subdump-label{font-size:.75rem;color:#a855f7;font-weight:600;flex-shrink:0}.subdump-title{font-size:.9rem;color:var(--text-primary, #e0e0e0)}.subdump-input{width:100%;min-height:120px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;color:var(--text-primary, #e0e0e0);font-size:.95rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.subdump-input:focus{border-color:#a855f780}.subdump-input::placeholder{color:var(--text-muted, #666)}.subdump-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.subdump-cancel{padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:transparent;color:var(--text-secondary, #aaa);font-size:.9rem;cursor:pointer;transition:all .2s}.subdump-cancel:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.subdump-submit{padding:10px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.subdump-submit:hover{transform:translateY(-1px);box-shadow:0 4px 15px #a855f766}.subdump-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;color:var(--text-secondary, #aaa);font-size:.9rem}.subdump-loading .loading-spinner{width:20px;height:20px;border:2px solid rgba(168,85,247,.2);border-top-color:#a855f7;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:9999;padding:6px var(--space-lg);background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e;font-size:var(--font-xs);font-weight:600;text-align:center;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.visible{transform:translateY(0)}.trust-shield-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:3px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:var(--font-xs);cursor:help;transition:all .3s ease;margin-top:4px}.trust-shield-badge:hover{background:#ffffff14}.trust-shield-badge[data-grade=diamond]{border-color:#b9f2ff4d}.trust-shield-badge[data-grade=gold]{border-color:#ffd7004d}.trust-shield-badge[data-grade=silver]{border-color:#c0c0c033}.trust-shield-badge[data-grade=bronze]{border-color:#cd7f3233}.trust-icon{font-size:11px;font-weight:600}.trust-score{color:var(--text-secondary);font-variant-numeric:tabular-nums}.dashboard-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:24px}.dashboard-modal.open{display:block;animation:dashFadeIn .3s ease}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 20px}.dashboard-title{font-size:1.4rem;font-weight:700;color:gold;text-shadow:0 0 12px rgba(255,215,0,.4);letter-spacing:2px}.dashboard-close{width:36px;height:36px;border:1px solid rgba(255,215,0,.3);border-radius:4px;background:#ffffff0d;color:#aaa;font-size:1.2rem;cursor:pointer;transition:all .2s}.dashboard-close:hover{background:#ffd7001a;color:gold;border-color:#ffd70080}.dashboard-content{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-panel{position:relative;background:linear-gradient(145deg,#14141ef2,#0f0f19fa);border:1px solid rgba(255,215,0,.15);border-radius:8px;padding:16px;overflow:hidden}.dash-panel:before,.dash-panel:after{content:"";position:absolute;width:16px;height:16px;border-color:#ffd70066;border-style:solid;pointer-events:none}.dash-panel:before{top:3px;left:3px;border-width:2px 0 0 2px}.dash-panel:after{bottom:3px;right:3px;border-width:0 2px 2px 0}.dash-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.12);font-size:.8rem;font-weight:700;color:gold;letter-spacing:2px;text-transform:uppercase}.dash-panel-icon{font-size:1rem}.dash-panel-count{margin-left:auto;font-size:.7rem;color:#ffd70080;letter-spacing:1px}.dash-character{grid-column:1 / -1}.dash-character-body{display:flex;gap:20px;align-items:center}.dash-avatar{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.dash-avatar-frame{width:72px;height:72px;border:2px solid rgba(255,215,0,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffd70014,#a855f714);box-shadow:0 0 16px #ffd7001a,inset 0 0 16px #ffd7000d}.dash-avatar-icon{font-size:2.2rem}.dash-trust-badge{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:1px}.dash-trust-badge.diamond{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.dash-trust-badge.gold{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3)}.dash-trust-badge.silver{background:#c0c0c026;color:silver;border:1px solid rgba(192,192,192,.3)}.dash-trust-badge.bronze{background:#cd7f3226;color:#cd7f32;border:1px solid rgba(205,127,50,.3)}.dash-character-info{flex:1;min-width:0}.dash-level-display{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.dash-level-number{font-size:1.6rem;font-weight:800;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.dash-title{font-size:.85rem;color:#ffd70099;font-weight:500}.dash-exp-bar-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dash-exp-bar{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden;border:1px solid rgba(255,215,0,.15)}.dash-exp-fill{height:100%;background:linear-gradient(90deg,gold,#ff8c00);border-radius:5px;box-shadow:0 0 6px #ffd70066;transition:width .5s ease}.dash-exp-text{font-size:.7rem;color:#ffd70080;font-variant-numeric:tabular-nums;white-space:nowrap}.dash-meta-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dash-meta-item{text-align:center;padding:6px;background:#ffffff08;border-radius:4px;border:1px solid rgba(255,255,255,.04)}.dash-meta-label{display:block;font-size:.6rem;color:var(--text-muted);margin-bottom:2px}.dash-meta-value{display:block;font-size:.95rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-stats-body{display:flex;flex-direction:column;gap:10px}.dash-stat-row{display:flex;align-items:center;gap:10px}.dash-stat-label{display:flex;align-items:center;gap:5px;width:60px;font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px}.dash-stat-icon{font-size:.9rem}.dash-stat-bar-wrap{flex:1}.dash-stat-bar{height:14px;background:#ffffff0d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.06);position:relative}.dash-stat-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,rgba(0,0,0,.2) 8px,rgba(0,0,0,.2) 9px);pointer-events:none}.dash-stat-fill{height:100%;border-radius:2px;transition:width .6s ease}.stat-str-bar .dash-stat-fill{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 6px #ef444466}.stat-int-bar .dash-stat-fill{background:linear-gradient(90deg,#a855f7,#7c3aed);box-shadow:0 0 6px #a855f766}.stat-dex-bar .dash-stat-fill{background:linear-gradient(90deg,#22d3ee,#06b6d4);box-shadow:0 0 6px #22d3ee66}.stat-foc-bar .dash-stat-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 6px #fbbf2466}.dash-stat-value{width:30px;text-align:right;font-size:.85rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-stat-desc{margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.dash-stat-desc p{font-size:.6rem;color:var(--text-muted);text-align:center}.dash-achievements{grid-column:1 / -1}.dash-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.dash-achievement{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;transition:all .2s}.dash-achievement.unlocked{background:#ffd7000a;border-color:#ffd70026}.dash-achievement.unlocked:hover{border-color:#ffd7004d;box-shadow:0 0 12px #ffd7001a}.dash-achievement.locked{opacity:.4}.dash-achievement-icon{font-size:1.4rem;flex-shrink:0}.dash-achievement-info{flex:1;min-width:0}.dash-achievement-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-achievement-desc{font-size:.65rem;color:var(--text-muted)}.dash-achievement-reward{font-size:.6rem;font-weight:700;color:gold;white-space:nowrap}.dash-heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-bottom:8px}.dash-heatmap-cell{aspect-ratio:1;border-radius:2px;transition:all .15s}.dash-heatmap-cell.level-0{background:#ffffff0a}.dash-heatmap-cell.level-1{background:#22c55e33}.dash-heatmap-cell.level-2{background:#22c55e66}.dash-heatmap-cell.level-3{background:#22c55e99}.dash-heatmap-cell.level-4{background:#22c55ee6;box-shadow:0 0 4px #22c55e66}.dash-heatmap-cell:hover{transform:scale(1.3);box-shadow:0 0 6px #22c55e80}.dash-heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.6rem;color:var(--text-muted)}.dash-heatmap-legend .dash-heatmap-cell{width:10px;height:10px;aspect-ratio:auto}.dash-trust-body{display:flex;gap:16px;align-items:flex-start}.dash-trust-gauge{flex-shrink:0;text-align:center}.dash-trust-meter{position:relative;width:100px;height:56px;overflow:hidden;margin-bottom:6px}.dash-trust-meter:before{content:"";position:absolute;bottom:0;left:0;width:100px;height:100px;border-radius:50%;border:6px solid rgba(255,255,255,.06);box-sizing:border-box;clip-path:inset(50% 0 0 0);transform:translateY(50%)}.dash-trust-meter-fill{position:absolute;bottom:0;left:0;width:100px;height:100px;border-radius:50%;border:6px solid transparent;box-sizing:border-box;clip-path:inset(50% 0 0 0);transform:translateY(50%) rotate(calc(var(--angle) - 180deg));transform-origin:center center;transition:transform .6s ease}.dash-trust-meter-fill.diamond{border-color:#a855f7}.dash-trust-meter-fill.gold{border-color:gold}.dash-trust-meter-fill.silver{border-color:silver}.dash-trust-meter-fill.bronze{border-color:#cd7f32}.dash-trust-meter-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center}.dash-trust-score{display:block;font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1}.dash-trust-label{display:block;font-size:.5rem;color:var(--text-muted);letter-spacing:2px}.dash-trust-grade{font-size:.7rem;font-weight:700;letter-spacing:1px}.dash-trust-grade.diamond{color:#c084fc}.dash-trust-grade.gold{color:gold}.dash-trust-grade.silver{color:silver}.dash-trust-grade.bronze{color:#cd7f32}.dash-trust-history{flex:1}.dash-trust-history-title{font-size:.65rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:1px;text-transform:uppercase}.dash-trust-empty{font-size:.7rem;color:var(--text-muted)}.dash-trust-log{padding:4px 8px;margin-bottom:3px;border-radius:3px;font-size:.65rem}.dash-trust-log.positive{background:#22c55e14;color:#4ade80;border-left:2px solid rgba(34,197,94,.4)}.dash-trust-log.negative{background:#ef444414;color:#f87171;border-left:2px solid rgba(239,68,68,.4)}.btn-dashboard{background:transparent;border:1px solid rgba(255,215,0,.2);color:#ffd700b3;font-size:.75rem;padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:1px}.btn-dashboard:hover{background:#ffd70014;border-color:#ffd70066;color:gold;box-shadow:0 0 8px #ffd70026}.dash-quests{grid-column:1 / -1}.dash-quest-summary{margin-bottom:12px}.dash-quest-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden;border:1px solid rgba(255,215,0,.1);margin-bottom:6px}.dash-quest-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;box-shadow:0 0 6px #22c55e66;transition:width .5s ease}.dash-quest-counts{display:flex;justify-content:space-between;font-size:.65rem}.dash-quest-active{color:#fbbf24}.dash-quest-done{color:#4ade80}.dash-quest-empty{text-align:center;color:var(--text-muted);font-size:.75rem;padding:16px 0}.dash-quest-group{margin-bottom:10px}.dash-quest-group-header{font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:4px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.04)}.dash-quest-group-count{font-weight:400;opacity:.5;margin-left:4px}.dash-quest-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;transition:background .15s}.dash-quest-item:hover{background:#ffffff08}.dash-quest-item.completed{opacity:.4}.dash-quest-item.completed .dash-quest-title{text-decoration:line-through}.dash-quest-check{font-size:.85rem;flex-shrink:0;color:var(--text-muted)}.dash-quest-item.completed .dash-quest-check{color:#4ade80}.dash-quest-title{flex:1;font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-quest-cat{font-size:.6rem;color:var(--text-muted);background:#ffffff0a;padding:1px 6px;border-radius:3px;white-space:nowrap}@media (max-width: 768px){.dashboard-modal{padding:12px}.dashboard-content{grid-template-columns:1fr}.dash-character-body{flex-direction:column;text-align:center}.dash-meta-stats{grid-template-columns:repeat(2,1fr)}.dash-level-display{justify-content:center}.dash-exp-bar-wrap{flex-direction:column;gap:4px}.dash-achievements-grid{grid-template-columns:1fr}.dash-trust-body{flex-direction:column;align-items:center}.dash-heatmap{grid-template-columns:repeat(6,1fr)}}.decompose-zone{margin-top:var(--space-lg);padding:var(--space-lg);border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:default;transition:all .3s ease;opacity:.5}.decompose-zone.visible{opacity:1}.decompose-zone.dragover{border-color:var(--accent-gold);background:#ffd70014;box-shadow:0 0 20px #ffd70026;transform:scale(1.02)}.decompose-zone.processing{border-color:var(--accent-purple);background:#8a2be214;animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8a2be21a}50%{box-shadow:0 0 25px #8a2be240}}.decompose-icon{font-size:1.8rem;margin-bottom:var(--space-xs)}.decompose-text{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.decompose-hint{font-size:var(--font-xs);color:var(--text-muted);margin-top:4px}.btn-skills{padding:6px 14px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-skills:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.project-assignment-panel{background:linear-gradient(135deg,#8b5cf614,#3b82f60f);border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-xl, 16px);padding:var(--space-xl, 24px);margin-bottom:var(--space-lg, 20px);grid-column:1 / -1;animation:assignmentSlideIn .4s cubic-bezier(.22,1,.36,1)}@keyframes assignmentSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.assignment-header{text-align:center;margin-bottom:var(--space-lg, 20px)}.assignment-icon{font-size:2rem;display:block;margin-bottom:8px}.assignment-header h3{margin:0;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.assignment-subtitle{margin:6px 0 0;font-size:.8rem;color:var(--text-muted)}.assignment-groups{display:flex;flex-direction:column;gap:12px}.assignment-group{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:var(--radius-lg, 12px);padding:16px;transition:border-color .2s}.assignment-group:hover{border-color:#8b5cf666}.assignment-group.direct{border-color:#10b9814d}.assignment-group-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.assignment-group-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.assignment-group-badge.new{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.assignment-group-badge.existing{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.assignment-group-badge.direct{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.assignment-group-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.assignment-project-select{margin-left:auto;background:var(--bg-secondary, #151525);color:var(--text-primary);border:1px solid var(--border-color, rgba(255,255,255,.15));border-radius:8px;padding:6px 10px;font-size:.78rem;cursor:pointer;max-width:220px;transition:border-color .2s}.assignment-project-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.assignment-task-list{display:flex;flex-direction:column;gap:6px}.assignment-task-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border-radius:8px;transition:background .15s}.assignment-task-item:hover{background:#ffffff0f}.assignment-task-priority{font-size:.75rem;flex-shrink:0}.assignment-task-title{font-size:.85rem;color:var(--text-primary);flex:1;line-height:1.4}.assignment-task-time{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.assignment-actions{display:flex;gap:10px;margin-top:16px;justify-content:center}.assignment-confirm-btn{padding:12px 28px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.assignment-confirm-btn:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf659}.assignment-skip-btn{padding:12px 20px;background:transparent;color:var(--text-muted);border:1px solid var(--border-color, rgba(255,255,255,.15));border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s}.assignment-skip-btn:hover{color:var(--text-primary);border-color:#ffffff4d;background:#ffffff0d}@media (max-width: 640px){.project-assignment-panel{padding:16px}.assignment-group-header{flex-direction:column;align-items:flex-start}.assignment-project-select{margin-left:0;width:100%;max-width:none}.assignment-actions{flex-direction:column}.assignment-confirm-btn,.assignment-skip-btn{width:100%}}.skills-modal,.skill-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0a0a1a,#0d0d2b,#0a0a1a);z-index:1000;display:none;flex-direction:column;overflow:hidden}.skills-modal.open,.skill-detail-modal.open{display:flex;animation:skillModalIn .3s ease-out}@keyframes skillModalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.skills-header,.skill-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid rgba(139,92,246,.3);background:linear-gradient(135deg,#8b5cf61f,#4f46e50f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.skills-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),rgba(167,139,250,.4),transparent)}.skills-title{font-family:Noto Sans KR,monospace;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#a78bfa,#f0abfc,#e9d5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:3px;text-transform:uppercase}.skills-close,.skill-detail-close{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.skills-close:hover,.skill-detail-close:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.skills-content,.skill-detail-content{flex:1;overflow-y:auto;padding:28px}.skill-create-section{margin-bottom:28px}.skill-create-form{display:flex;gap:10px;align-items:stretch}.skill-create-input-wrap{flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:12px;border:2px solid rgba(139,92,246,.25);background:#8b5cf60f;transition:all .3s ease}.skill-create-input-wrap:focus-within{border-color:#8b5cf699;background:#8b5cf61a;box-shadow:0 0 20px #8b5cf626}.skill-create-icon{font-size:1.2rem;flex-shrink:0}.skill-create-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;padding:12px 0}.skill-create-input::placeholder{color:#ffffff40}.skill-create-submit{padding:12px 22px;border-radius:12px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.skill-create-submit:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.skill-create-submit:active{transform:translateY(0)}.skill-empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.skill-empty-icon{position:relative;margin-bottom:20px}.skill-empty-emoji{font-size:3.5rem;display:block;animation:skillFloat 3s ease-in-out infinite}@keyframes skillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.skill-empty-glow{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(139,92,246,.3),transparent 70%);border-radius:50%;animation:skillGlow 2s ease-in-out infinite alternate}@keyframes skillGlow{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}.skill-empty-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.skill-empty-desc{font-size:.85rem;color:#fff6;line-height:1.6;margin-bottom:32px}.skill-empty-hints{display:flex;align-items:center;gap:12px}.skill-empty-hint{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 18px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:12px;font-size:.75rem;color:#ffffff80}.hint-icon{font-size:1.4rem}.skill-empty-arrow{color:#8b5cf666;font-size:1.1rem;font-weight:700}.skill-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.skill-project-card{background:linear-gradient(145deg,#1e1e3ccc,#14142de6);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.skill-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);opacity:0;transition:opacity .3s}.skill-project-card:hover{border-color:#8b5cf680;transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf633}.skill-project-card:hover:before{opacity:1}.skill-project-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.skill-project-name{font-size:1rem;font-weight:700;color:#e9d5ff;letter-spacing:-.3px}.skill-project-exp{font-size:.75rem;font-weight:600;color:#fbbf24;background:#fbbf241a;padding:3px 8px;border-radius:8px;flex-shrink:0}.skill-project-progress-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px}.skill-project-progress-bar{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.skill-project-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);transition:width .6s ease;min-width:2px}.skill-project-progress-text{font-size:.7rem;font-weight:700;color:var(--accent-purple);min-width:32px;text-align:right}.skill-project-stats{display:flex;gap:14px;font-size:.75rem;color:#fff6;margin-bottom:8px}.skill-stat-item{display:flex;align-items:center;gap:4px}.skill-stat-icon{font-size:.8rem}.skill-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.skill-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;background:linear-gradient(135deg,#8b5cf626,#a78bfa1a);color:#c4b5fd;border:1px solid rgba(139,92,246,.25);transition:all .2s}.skill-badge:hover{background:linear-gradient(135deg,#8b5cf640,#a78bfa26);border-color:#8b5cf666}.skill-badge-icon{font-size:.65rem}.skill-badge-level{font-size:.6rem;opacity:.7;color:#fbbf24}.skill-detail-back{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#a78bfa;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:8px;transition:all .2s}.skill-detail-back:hover{background:#8b5cf633}.skill-detail-title{font-family:Noto Sans KR,monospace;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skill-detail-card{background:linear-gradient(145deg,#8b5cf614,#6d28d90a);border:1px solid rgba(139,92,246,.2);border-radius:14px;padding:16px;margin-bottom:10px;transition:all .2s}.skill-detail-card:hover{border-color:#8b5cf666;background:linear-gradient(145deg,#8b5cf61f,#6d28d90f)}.skill-detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skill-detail-card-name{font-size:.9rem;font-weight:700;color:#e9d5ff}.skill-detail-card-level{font-size:.75rem;color:#fbbf24;font-weight:700;background:#fbbf241a;padding:2px 8px;border-radius:6px}.skill-detail-card-desc{font-size:.8rem;color:#ffffff80;margin-bottom:6px;line-height:1.5}.skill-detail-card-keywords{display:flex;flex-wrap:wrap;gap:4px}.skill-detail-card-keywords span{padding:2px 8px;border-radius:8px;font-size:.65rem;background:#8b5cf61a;color:#ffffff80;border:1px solid rgba(139,92,246,.15)}.skill-progress-bar{height:6px;background:#ffffff0d;border-radius:3px;margin-top:8px;overflow:hidden}.skill-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);transition:width .5s ease}.skill-dump-section{margin-top:20px;padding:18px;background:linear-gradient(145deg,#1e1e3c99,#14142dcc);border-radius:14px;border:1px solid rgba(139,92,246,.15)}.skill-dump-section h3{font-size:.85rem;margin-bottom:10px;color:#c4b5fd}.skill-dump-input{width:100%;min-height:60px;padding:12px;border:1px solid rgba(139,92,246,.2);border-radius:10px;background:#0000004d;color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:vertical;transition:border-color .3s}.skill-dump-input:focus{border-color:#8b5cf680;outline:none}.skill-dump-btn{margin-top:10px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.skill-dump-btn:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.skill-dump-btn:disabled{opacity:.5;cursor:not-allowed}.skill-tasks-grid{margin-top:14px}.skill-task-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:6px;background:#ffffff08;font-size:.8rem;transition:all .2s}.skill-task-item:hover{background:#8b5cf60f;border-color:#8b5cf626}.skill-task-item.completed{opacity:.4;text-decoration:line-through}.skill-task-complete-btn{padding:4px 10px;border-radius:6px;border:1px solid rgba(0,200,83,.4);background:transparent;color:#4ade80;font-size:.7rem;cursor:pointer;transition:all .2s;flex-shrink:0}.skill-task-complete-btn:hover{background:#00c8531a}.skill-project-delete{margin-top:20px;padding:10px 20px;background:#ef44440f;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:10px;font-size:.8rem;cursor:pointer;transition:all .2s}.skill-project-delete:hover{background:#ef444426;border-color:#ef444480}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease}@media (max-width: 768px){.skills-content,.skill-detail-content{padding:16px}.skill-create-form{flex-direction:column}.skill-create-submit{width:100%;text-align:center}.skill-projects-grid{grid-template-columns:1fr}.skill-empty-hints{flex-direction:column;gap:8px}.skill-empty-arrow{transform:rotate(90deg)}}.btn-danger{color:#ef4444!important}.btn-danger:hover{background:#ef44441a!important}.results-board.list-view{display:flex;flex-direction:column;gap:0}.all-tasks-header{display:flex;gap:var(--space-lg);padding:var(--space-md);font-size:var(--font-xs);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-md) var(--radius-md) 0 0}.all-task-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-card);font-size:var(--font-sm);transition:background .15s}.all-task-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.all-task-row:hover{background:#ffffff08}.all-task-row.completed{opacity:.45}.all-task-row.completed .all-task-title{text-decoration:line-through}.all-task-priority{flex-shrink:0;font-size:.75rem}.all-task-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.all-task-category{flex-shrink:0;font-size:.65rem;padding:2px 8px;border-radius:10px;background:#ffffff0d;color:var(--text-muted)}.all-task-time{flex-shrink:0;font-size:.65rem;color:var(--text-muted)}.all-task-status{flex-shrink:0;font-size:.75rem}@media (max-width: 768px){.all-task-row{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.all-task-category,.all-task-time{display:none}}.cognitive-load-banner{margin:0 0 16px;border-radius:12px;padding:16px 20px;animation:clSlideIn .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.cognitive-load-banner.caution{background:linear-gradient(135deg,#ffaa001f,#ffc8320f);border-color:#ffaa004d}.cognitive-load-banner.warning{background:linear-gradient(135deg,#ff780026,#ffa01e14);border-color:#ff780066}.cognitive-load-banner.critical{background:linear-gradient(135deg,#ff32322e,#ff505014);border-color:#ff323280;animation:clSlideIn .4s ease,clPulse 2s ease-in-out infinite}@keyframes clSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes clPulse{0%,to{box-shadow:0 0 #ff323200}50%{box-shadow:0 0 20px 2px #ff323226}}.cl-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cl-icon{font-size:1.3rem}.cl-title{font-weight:700;font-size:.95rem;color:#ffc857;flex:1}.cl-score{font-size:.85rem;font-weight:600;color:#ff6b6b;background:#ff6b6b1f;padding:2px 10px;border-radius:20px}.cl-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;transition:all .2s}.cl-close:hover{color:#fff;background:#ffffff1a}.cl-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:10px}.cl-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#ffc857,#ff8c00,#f44);transition:width .6s cubic-bezier(.4,0,.2,1)}.cl-message{font-size:.85rem;color:#ffffffd9;margin:0 0 6px;line-height:1.5}.cl-tip{font-size:.8rem;color:#ffc857cc;margin:0;line-height:1.4}.btn-focus{color:#ffc857!important;border:1px solid rgba(255,200,87,.3)!important;background:#ffc85714!important}.btn-focus:hover{background:#ffc8572e!important;border-color:#ffc85780!important}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#050514eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:focusFadeIn .3s ease}@keyframes focusFadeIn{0%{opacity:0}to{opacity:1}}.focus-panel{width:min(500px,90vw);background:linear-gradient(160deg,#141432f2,#0a0a1efa);border:1px solid rgba(255,200,87,.2);border-radius:20px;padding:32px;box-shadow:0 24px 80px #00000080,0 0 40px #ffc8570f}.focus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:1.1rem;font-weight:700;color:#ffc857}.focus-exit-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s}.focus-exit-btn:hover{color:#fff;background:#ffffff1f}.focus-task-card{text-align:center;padding:20px 0}.focus-priority{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:12px}.focus-priority.priority-urgent{background:#ff505026;color:#ff6b6b}.focus-priority.priority-important{background:#ffc85726;color:#ffc857}.focus-priority.priority-normal{background:#64c87826;color:#64c878}.focus-priority.priority-later{background:#9696b426;color:#aaa}.focus-task-title{font-size:1.4rem;font-weight:700;color:#fff;margin:8px 0 16px;line-height:1.3}.focus-task-meta{display:flex;justify-content:center;gap:16px;font-size:.85rem;color:#ffffff80;margin-bottom:16px}.focus-neuro-tip{font-size:.8rem;color:#ffc857b3;line-height:1.5;background:#ffc8570d;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,200,87,.1)}.focus-timer{margin-top:24px;text-align:center}.pomodoro-ring{position:relative;width:140px;height:140px;margin:0 auto 20px}.pomodoro-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-bg{fill:none;stroke:#ffffff0f;stroke-width:6}.pomodoro-progress{fill:none;stroke:url(#pomodoroGrad);stroke:#ffc857;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.pomodoro-time{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.pomodoro-controls{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.pomodoro-btn{padding:8px 20px;border-radius:10px;border:1px solid rgba(255,200,87,.25);background:#ffc85714;color:#ffc857;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.pomodoro-btn:hover{background:#ffc85733;border-color:#ffc85780}.pomodoro-tip{font-size:.78rem;color:#fff6;margin:0}body.focus-mode-active .main-content,body.focus-mode-active .sidebar,body.focus-mode-active .rpg-bar{pointer-events:none;filter:blur(3px);opacity:.3}.procrastination-warning{position:relative;border-left:3px solid rgba(255,170,0,.6)!important}.procrastination-severe{position:relative;border-left:3px solid rgba(255,50,50,.7)!important;animation:procPulse 2s ease-in-out infinite}@keyframes procPulse{0%,to{box-shadow:inset 0 0 #ff323200}50%{box-shadow:inset 0 0 12px #ff323214}}.procrastination-label{margin-top:6px;padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:600}.procrastination-label.warning{background:#ffaa001a;color:#fa0c}.procrastination-label.severe{background:#ff32321a;color:#ff5050e6;animation:procLabelPulse 1.5s ease-in-out infinite}@keyframes procLabelPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.focus-panel{padding:20px;border-radius:16px}.focus-task-title{font-size:1.1rem}.pomodoro-ring{width:110px;height:110px}.pomodoro-time{font-size:1.6rem}.cognitive-load-banner{padding:12px 14px}.btn-focus{font-size:.75rem;padding:4px 10px!important}}.skills-inline-section{margin-top:24px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px}.skills-inline-header{margin-bottom:16px}.skills-inline-header h3{font-size:1rem;font-weight:700;color:#ffc857;margin:0;display:flex;align-items:center;gap:6px}.skills-inline-section .skill-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.skills-inline-section .skill-project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;cursor:pointer;transition:all .2s}.skills-inline-section .skill-project-card:hover{background:#ffc8570f;border-color:#ffc85733;transform:translateY(-1px)}.skills-inline-section .skill-create-section{margin-bottom:14px}.skills-inline-section .skill-create-form{display:flex;gap:8px}.skills-inline-section .skill-create-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 12px}.skills-inline-section .skill-create-input{flex:1;background:transparent;border:none;color:#fff;font-size:.85rem;outline:none}.skills-inline-section .skill-create-input::placeholder{color:#ffffff4d}.skills-inline-section .skill-create-submit{background:#ffc8571a;border:1px solid rgba(255,200,87,.25);color:#ffc857;padding:6px 14px;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;transition:all .2s}.skills-inline-section .skill-create-submit:hover{background:#ffc85733;border-color:#ffc85780}.skills-inline-section .skill-empty-state{text-align:center;padding:20px 10px}.skills-inline-section .skill-empty-icon{font-size:1.8rem;margin-bottom:8px}.skills-inline-section .skill-empty-title{font-size:.95rem;color:#ffffffb3;margin:4px 0}.skills-inline-section .skill-empty-desc{font-size:.8rem;color:#fff6;margin:0}.skills-inline-section .skill-empty-hints{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:.75rem;color:#fff6}.skills-inline-section .skill-project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skills-inline-section .skill-project-name{font-weight:700;font-size:.88rem;color:#fff}.skills-inline-section .skill-project-exp{font-size:.75rem;color:#ffc857}.skills-inline-section .skill-project-progress-wrap{display:flex;align-items:center;gap:8px;margin-bottom:8px}.skills-inline-section .skill-project-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px}.skills-inline-section .skill-project-progress-fill{height:100%;background:linear-gradient(90deg,#ffc857,#ff8c00);border-radius:2px;transition:width .4s ease}.skills-inline-section .skill-project-progress-text{font-size:.72rem;color:#ffffff80;min-width:28px;text-align:right}.skills-inline-section .skill-project-stats{display:flex;gap:12px;margin-bottom:6px}.skills-inline-section .skill-stat-item{font-size:.72rem;color:#fff6;display:flex;align-items:center;gap:3px}.skills-inline-section .skill-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.skills-inline-section .skill-badge{font-size:.68rem;background:#ffc85714;border:1px solid rgba(255,200,87,.15);padding:2px 8px;border-radius:6px;color:#ffc857cc}.skills-inline-section .skill-badge-level{color:#ffffff80}@media (max-width: 768px){.skills-inline-section{padding:14px;margin-top:16px}.skills-inline-section .skill-projects-grid{grid-template-columns:1fr}.skills-inline-section .skill-create-form{flex-direction:column}}.pomodoro-mini{position:fixed;bottom:100px;right:20px;z-index:900;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0a0a1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,200,87,.2);border-radius:12px;cursor:pointer;transition:all .2s;animation:pomMiniSlideIn .3s ease}.pomodoro-mini:hover{border-color:#ffc85766;background:#0a0a1ef2}@keyframes pomMiniSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pomodoro-mini-time{font-size:1rem;font-weight:700;color:#ffc857;font-variant-numeric:tabular-nums}.pomodoro-mini-label{font-size:.72rem;color:#fff6}@media (max-width: 768px){.pomodoro-mini{bottom:80px;right:12px;padding:6px 10px}.pomodoro-mini-time{font-size:.85rem}}.emotion-bar{display:none;align-items:center;gap:6px;padding:8px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.emotion-bar::-webkit-scrollbar{display:none}.emotion-bar.visible{display:flex}.emotion-label{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.emotion-btn{width:36px;height:36px;border:2px solid transparent;border-radius:50%;background:#ffffff0a;font-size:1.2rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.emotion-btn:hover{background:#ffffff1a;transform:scale(1.15)}.emotion-btn.selected{border-color:var(--accent-purple);background:#a855f726;box-shadow:0 0 12px #a855f74d;transform:scale(1.2);animation:emotionGlow 2s ease-in-out infinite}@keyframes emotionGlow{0%,to{box-shadow:0 0 8px #a855f733}50%{box-shadow:0 0 16px #a855f780}}.quest-type-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.quest-type-badge.quest-type-organize{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.quest-type-badge.quest-type-decide{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.quest-type-badge.quest-type-execute{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.quest-type-badge.quest-type-default{background:#9ca3af1f;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.monster-emoji{position:absolute;top:6px;right:6px;line-height:1;cursor:default;transition:transform .2s ease;z-index:2}.monster-emoji.monster-lv1{font-size:.9rem}.monster-emoji.monster-lv2{font-size:1.1rem}.monster-emoji.monster-lv3{font-size:1.3rem}.monster-emoji.monster-lv4{font-size:1.5rem}.monster-emoji.monster-lv5{font-size:1.8rem}.monster-emoji:hover{animation:monsterBounce .5s ease}@keyframes monsterBounce{0%,to{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}60%{transform:translateY(-3px)}80%{transform:translateY(0)}}.monster-emoji.defeated{animation:monsterDefeat .6s ease forwards}@keyframes monsterDefeat{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5) rotate(15deg);opacity:.5}to{transform:scale(0) rotate(45deg);opacity:0}}.level-title-badge{display:none;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:2px 10px;border-radius:8px;background:linear-gradient(135deg,#a855f726,#ec489926);border:1px solid rgba(168,85,247,.2)}.level-title-badge.visible{display:inline-flex;align-items:center}.level-title-badge.title-novice{background:linear-gradient(135deg,#a855f726,#8b5cf626);border-color:#a855f74d}.level-title-badge.title-novice .title-text{background:linear-gradient(135deg,#a855f7,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-title-badge.title-intermediate{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f64d}.level-title-badge.title-intermediate .title-text{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-title-badge.title-advanced{background:linear-gradient(135deg,#ffd70026,#ffa50026);border-color:#ffd7004d}.level-title-badge.title-advanced .title-text{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-title-badge.title-master{background:linear-gradient(135deg,#ec48991f,#a855f71f,#3b82f61f);border-color:#ec48994d;animation:titleMasterGlow 3s ease-in-out infinite}.level-title-badge.title-master .title-text{background:linear-gradient(135deg,#ec4899,#a855f7,#3b82f6,#10b981);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleMasterShift 4s linear infinite}@keyframes titleMasterGlow{0%,to{box-shadow:0 0 8px #ec489926}50%{box-shadow:0 0 16px #a855f74d}}@keyframes titleMasterShift{to{background-position:200% center}}.reward-inventory-section{display:none;padding:16px}.reward-inventory-section.visible{display:block}.reward-inventory-header{margin-bottom:12px}.reward-inventory-title{font-size:.95rem;font-weight:700;color:gold;margin:0}.reward-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.reward-item-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:linear-gradient(145deg,#ffd7000f,#ffa50008);border:1px solid rgba(255,215,0,.15);border-radius:10px;cursor:pointer;transition:all .2s ease}.reward-item-card:hover{border-color:#ffd70059;background:linear-gradient(145deg,#ffd7001a,#ffa5000f);transform:translateY(-2px);box-shadow:0 4px 12px #ffd7001a}.reward-item-icon{font-size:1.8rem}.reward-item-name{font-size:.72rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.reward-item-count{font-size:.65rem;color:var(--text-muted)}.reward-item-use-btn{padding:3px 10px;border-radius:6px;border:1px solid rgba(255,215,0,.3);background:#ffd70014;color:gold;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s}.reward-item-use-btn:hover{background:#ffd70033;border-color:#ffd70080}.reward-item-card.using{animation:rewardShine .8s ease}@keyframes rewardShine{0%{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 20px 4px #ffd7004d}to{box-shadow:0 0 #ffd70000}}.reward-item-card.locked{opacity:.35;filter:grayscale(.7);pointer-events:none}.btn-voice{position:relative}.btn-icon-only{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;transition:all .2s}.btn-icon-only:hover{background:#ffffff1a;border-color:#fff3}.btn-voice.recording{border-color:#ef444480;background:#ef44441a}.btn-voice.recording:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ef4444;animation:voicePulse 1s ease-in-out infinite}@keyframes voicePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.voice-recording-indicator{display:none;position:fixed;top:12px;right:12px;z-index:9999;padding:6px 14px;border-radius:20px;background:#ef4444e6;color:#fff;font-size:.78rem;font-weight:600;align-items:center;gap:6px;animation:voiceSlideIn .3s ease}.voice-recording-indicator.visible{display:flex}.voice-recording-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:voicePulse 1s ease-in-out infinite}@keyframes voiceSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawing-canvas-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000}.drawing-canvas-modal.visible{display:block}.drawing-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawing-canvas-panel{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;padding:16px}.drawing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-wrap:wrap}.drawing-title{font-size:1rem;font-weight:700;color:#fff}.drawing-tools{display:flex;align-items:center;gap:8px}.drawing-color-picker{width:32px;height:32px;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;background:none;padding:0}.drawing-color-picker::-webkit-color-swatch-wrapper{padding:2px}.drawing-color-picker::-webkit-color-swatch{border:none;border-radius:50%}.drawing-brush-size{width:80px;accent-color:var(--accent-purple)}.drawing-tool-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.drawing-tool-btn:hover{background:#ffffff1f;border-color:#ffffff40}.drawing-tool-btn.active{border-color:var(--accent-purple);background:#a855f726}.drawing-actions{display:flex;gap:8px}.drawing-canvas{flex:1;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#14141ef2;cursor:crosshair;touch-action:none}.shopping-list-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500}.shopping-list-modal.visible{display:block}.shopping-list-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shopping-list-panel{position:relative;z-index:1;width:min(420px,90vw);max-height:80vh;margin:10vh auto 0;background:linear-gradient(160deg,#191923fa,#0f0f19fc);border:1px solid rgba(139,92,246,.2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.shopping-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.shopping-list-header h3{margin:0;font-size:1rem;font-weight:700;color:#fff}.shopping-list-close{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff0f;color:#ffffff80;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.shopping-list-close:hover{background:#ef444426;color:#ef4444}.shopping-list-content{flex:1;overflow-y:auto;padding:12px 20px}.shopping-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);transition:opacity .2s}.shopping-item:last-child{border-bottom:none}.shopping-item-checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;accent-color:var(--accent-purple);flex-shrink:0}.shopping-item-text{flex:1;font-size:.88rem;color:var(--text-primary);transition:all .2s}.shopping-item.checked .shopping-item-text{text-decoration:line-through;opacity:.4}.shopping-item-delete{opacity:0;border:none;background:none;color:#ef444499;cursor:pointer;font-size:.78rem;padding:2px 6px;transition:opacity .15s}.shopping-item:hover .shopping-item-delete{opacity:1}.shopping-list-add{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06)}.shopping-item-input{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:var(--text-primary);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .2s}.shopping-item-input:focus{border-color:#8b5cf666}.shopping-item-input::placeholder{color:var(--text-muted)}.btn-shopping{color:#8b5cf6!important;border:1px solid rgba(139,92,246,.3)!important;background:#8b5cf614!important}.btn-shopping:hover{background:#8b5cf62e!important;border-color:#8b5cf680!important}.feedback-bubble{display:none;position:relative;padding:10px 14px;background:linear-gradient(145deg,#a855f71f,#8b5cf60f);border:1px solid rgba(168,85,247,.2);border-radius:12px 12px 12px 4px;font-size:.82rem;color:var(--text-secondary);line-height:1.5;animation:feedbackFadeIn .3s ease;margin-bottom:8px}.feedback-bubble.visible{display:block}.feedback-bubble:after{content:"";position:absolute;bottom:-6px;left:14px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(168,85,247,.2)}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wisdom-quote{display:none;padding:12px 16px;margin:12px 0;border-left:3px solid var(--accent-purple);background:#a855f70a;border-radius:0 8px 8px 0;font-style:italic;font-size:.85rem;color:#ffffffa6;line-height:1.6}.wisdom-quote.visible{display:block}.wisdom-quote-text{margin-bottom:6px}.wisdom-quote-author{font-size:.72rem;font-style:normal;color:var(--text-muted);text-align:right}.wisdom-quote-author:before{content:"— "}.memo-source-field{display:none;align-items:center;gap:6px;margin-top:6px}.memo-source-field.visible{display:flex}.memo-source-icon{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.memo-source-input{flex:1;padding:4px 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;color:var(--text-primary);font-size:.72rem;font-family:inherit;outline:none;transition:border-color .2s}.memo-source-input:focus{border-color:#8b5cf64d}.memo-source-input::placeholder{color:#fff3}.memo-source-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:4px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.15);font-size:.65rem;color:#8b5cf6cc}@media (max-width: 768px){.emotion-btn{width:30px;height:30px;font-size:1rem}.emotion-label{font-size:.65rem}.drawing-canvas-panel{max-width:100%;padding:8px}.drawing-header{flex-wrap:wrap;gap:8px}.drawing-tools{order:2;flex:1;justify-content:center}.reward-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.reward-item-card{padding:8px 6px}.reward-item-icon{font-size:1.4rem}.shopping-list-panel{width:95vw;margin-top:5vh;max-height:85vh}.btn-icon-only{width:32px;height:32px}}@media (max-width: 480px){.emotion-btn{width:28px;height:28px;font-size:.9rem}.emotion-label{display:none}.drawing-brush-size{width:60px}.reward-inventory-grid{grid-template-columns:repeat(3,1fr)}.reward-item-name{font-size:.65rem}.level-title-badge,.quest-type-badge{font-size:.6rem;padding:1px 6px}.monster-emoji.monster-lv4{font-size:1.3rem}.monster-emoji.monster-lv5{font-size:1.5rem}}:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3e;--bg-card-hover: #22224a;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-blue: #3b82f6;--border-subtle: rgba(168, 85, 247, .2);--border-medium: rgba(168, 85, 247, .3)}body{font-family:DungGeunMo,Noto Sans KR,monospace;-webkit-font-smoothing:none;background:#0a0a1a;background-image:radial-gradient(circle at 20% 80%,rgba(168,85,247,.04) 0px,transparent 40%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.03) 0px,transparent 40%)}.header{background:linear-gradient(180deg,#12122a,#0a0a1a);border-bottom:3px solid rgba(168,85,247,.4);box-shadow:0 4px 20px #00000080}.header h1{font-family:DungGeunMo,monospace;letter-spacing:2px;text-transform:uppercase}.logo-icon{filter:none}.tagline{font-family:DungGeunMo,monospace;letter-spacing:1px}.rpg-status-bar{background:#0a0a1ae6;border:2px solid rgba(168,85,247,.25)}.rpg-level-badge{font-family:DungGeunMo,monospace;letter-spacing:1px;border:2px solid rgba(250,204,21,.4);background:#facc151a;color:#facc15}.rpg-exp-bar{border:2px solid rgba(255,255,255,.12);border-radius:0;overflow:hidden}.rpg-exp-fill{border-radius:0;background:linear-gradient(180deg,#c084fc,#9333ea,#6b21a8);box-shadow:inset 0 -2px #0000004d}.rpg-exp-text{font-family:DungGeunMo,monospace;font-size:.65rem}.rpg-energy-bar{border:2px solid rgba(255,255,255,.12);border-radius:0}.rpg-energy-fill{border-radius:0}.stat-tag{font-family:DungGeunMo,monospace;letter-spacing:1px;border:1px solid rgba(255,255,255,.1)}.auth-section{background:#0a0a1a;background-image:radial-gradient(at 0% 0%,rgba(168,85,247,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(34,211,238,.06) 0px,transparent 50%)}.logo-18{font-family:DungGeunMo,monospace;text-shadow:0 0 20px rgba(250,204,21,.3);color:#facc15;-webkit-text-fill-color:#facc15}.logo-only,.logo-success,.logo-life{font-family:DungGeunMo,monospace;letter-spacing:.3em}.logo-success{color:#22d3ee}.auth-logo-tagline{font-family:DungGeunMo,monospace;letter-spacing:1px}.auth-card{background:#1a1a3e99;border:3px solid rgba(168,85,247,.25);border-radius:0;box-shadow:0 0 0 1px #00000080,0 8px 32px #0006}.form-group label{font-family:DungGeunMo,monospace;text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.form-group input{font-family:DungGeunMo,monospace;background:#0a0a1acc;border:2px solid rgba(168,85,247,.2);border-radius:0;color:#e2e8f0}.form-group input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee1a;background:#0a0a1af2}.btn-full{font-family:DungGeunMo,monospace;border:3px solid #facc15;background:linear-gradient(180deg,#facc15,#d97706);color:#1a1a3e;border-radius:0;text-transform:uppercase;letter-spacing:2px;box-shadow:0 3px #92400e}.btn-full:hover{background:linear-gradient(180deg,#fde047,#eab308);transform:translateY(-1px);box-shadow:0 4px #92400e,0 0 12px #facc1533}.btn-full:active{transform:translateY(2px);box-shadow:none}.btn-social{font-family:DungGeunMo,monospace;border:2px solid rgba(255,255,255,.1);border-radius:0;letter-spacing:1px}.btn-social:hover{border-color:#a855f74d;background:#a855f70d}.social-divider span{font-family:DungGeunMo,monospace;letter-spacing:2px}.app-content{padding-bottom:60px}.main-panel{background:#0a0a1a}.welcome-state h2{font-family:DungGeunMo,monospace;color:#facc15;text-transform:uppercase;letter-spacing:3px}.welcome-state p{font-family:DungGeunMo,monospace}.input-dock{display:block!important;position:fixed;bottom:54px;left:0;right:0;z-index:90;background:linear-gradient(180deg,#0a0a1af2,#0a0a1a);border-top:3px solid rgba(168,85,247,.3)}#brainDumpInput{font-family:DungGeunMo,monospace;background:#0a0a1acc;border:2px solid rgba(168,85,247,.2);border-radius:0;color:#e2e8f0}#brainDumpInput:focus{border-color:#22d3ee}.btn-analyze{font-family:DungGeunMo,monospace;border-radius:0;border:2px solid rgba(168,85,247,.4);text-transform:uppercase;letter-spacing:1px}.results-header h2{font-family:DungGeunMo,monospace;letter-spacing:2px;text-transform:uppercase}.results-board{gap:12px}.priority-column{background:var(--px-bg-card);border:2px solid rgba(168,85,247,.2);border-radius:0}.priority-header{font-family:DungGeunMo,monospace;border-bottom:2px solid rgba(168,85,247,.15);letter-spacing:1px;text-transform:uppercase}.task-item{background:var(--px-bg-card);border:2px solid rgba(255,255,255,.06);border-radius:0;transition:border-color .15s}.task-item:hover{border-color:#a855f74d;background:var(--px-bg-hover)}.task-title{font-family:DungGeunMo,monospace}.task-category{font-family:DungGeunMo,monospace;border-radius:0;letter-spacing:1px}.task-complete-btn{border-radius:0;border:2px solid rgba(255,255,255,.15)}.task-item.completed .task-complete-btn{border-color:#22c55e;background:#22c55e;border-radius:0}.task-subdump-btn,.task-delete-btn{font-family:DungGeunMo,monospace;border-radius:0}.quest-type-badge{font-family:DungGeunMo,monospace;border-radius:0;letter-spacing:1px}.dashboard-modal{background:#0a0a1a}.dashboard-header{font-family:DungGeunMo,monospace;background:linear-gradient(180deg,#2d1b69,#1a103d);border-bottom:3px solid rgba(168,85,247,.4);letter-spacing:3px}.dashboard-title{font-family:DungGeunMo,monospace}.dash-panel{border-radius:0;border:2px solid rgba(168,85,247,.2)}.dash-panel-header{font-family:DungGeunMo,monospace;letter-spacing:3px}.dash-level-number,.dash-title{font-family:DungGeunMo,monospace}.dash-exp-bar,.dash-stat-bar-wrap,.dash-exp-fill,.dash-stat-fill{border-radius:0}.rpg-combo{font-family:DungGeunMo,monospace;letter-spacing:2px}.rpg-toast{font-family:DungGeunMo,monospace;border-radius:0;border:2px solid rgba(168,85,247,.3)}.skills-inline-header h3{font-family:DungGeunMo,monospace;letter-spacing:2px}.api-key-card{border-radius:0;border:2px solid rgba(168,85,247,.2);background:var(--px-bg-card)}.api-key-card h3{font-family:DungGeunMo,monospace}#apiKeyInput{font-family:DungGeunMo,monospace;border-radius:0;background:#0a0a1acc;border:2px solid rgba(168,85,247,.2)}.focus-panel{border-radius:0;border:3px solid rgba(168,85,247,.4)}.focus-header{font-family:DungGeunMo,monospace;letter-spacing:2px}.pomodoro-time{font-family:DungGeunMo,monospace}.pomodoro-btn{font-family:DungGeunMo,monospace;border-radius:0;letter-spacing:1px}.cognitive-load-banner{border-radius:0;border:2px solid rgba(239,68,68,.3)}.cl-title{font-family:DungGeunMo,monospace}.btn{font-family:DungGeunMo,monospace;border-radius:0;letter-spacing:1px}.btn-primary,.btn-ghost{border-radius:0}.shopping-list-panel,.drawing-canvas-panel{border-radius:0;border:3px solid rgba(168,85,247,.3)}.shopping-list-header h3,.drawing-title{font-family:DungGeunMo,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:#a855f74d;border:1px solid rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:hover{background:#a855f780}@media (max-width: 768px){.app-content{padding-bottom:55px}.input-dock{bottom:46px}}@media (max-width: 480px){.app-content{padding-bottom:50px}.input-dock{bottom:44px}.logo-18{font-size:3.5rem;letter-spacing:-2px}}.dash-rewards-grid{display:flex;flex-direction:column;gap:8px;padding:12px}.dash-reward-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0003;border:1px solid rgba(255,255,255,.06)}.dash-reward-emoji{font-size:1.5rem;flex-shrink:0}.dash-reward-name{font-family:DungGeunMo,monospace;font-size:.8rem;color:var(--px-text)}.dash-reward-meta{font-size:.65rem;color:var(--px-text-muted);margin-top:2px}.dash-reward-empty{text-align:center;padding:1.5rem;color:var(--px-text-muted);font-family:DungGeunMo,monospace;font-size:.8rem}.sub-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color, #333);padding:0 1rem;background:var(--bg-secondary, #202020);position:sticky;top:0;z-index:5}.sub-tab{flex:1;padding:.75rem .5rem;background:none;border:none;color:var(--text-secondary, #9b9b9b);font-size:.85rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-family:inherit}.sub-tab:hover{color:var(--text-primary, #ebebeb);background:#ffffff08}.sub-tab.active{color:var(--accent, #38bdf8);border-bottom-color:var(--accent, #38bdf8);font-weight:600}.todo-panel{padding:1rem}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.todo-header h2{font-size:1.1rem;color:var(--text-primary, #ebebeb)}.todo-counter{font-size:.8rem;color:var(--text-secondary, #9b9b9b);background:#ffffff0d;padding:.3rem .8rem;border-radius:12px}.todo-input-row{display:flex;gap:.5rem;margin-bottom:1rem}.todo-input{flex:1;padding:.7rem 1rem;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ebebeb);font-size:.9rem;outline:none;transition:border-color .2s;font-family:inherit}.todo-input:focus{border-color:var(--accent, #38bdf8)}.todo-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg-card, rgba(255,255,255,.04));border-radius:8px;margin-bottom:.4rem;transition:all .2s;border-left:3px solid transparent}.todo-item:hover{background:var(--bg-card-hover, rgba(255,255,255,.07))}.todo-item.priority-high{border-left-color:#ef4444}.todo-item.priority-normal{border-left-color:#fbbf24}.todo-item.priority-low{border-left-color:#34d399}.todo-item.completed{opacity:.5}.todo-item.completed .todo-text{text-decoration:line-through;color:var(--text-muted, #5a5a5a)}.todo-check{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:0;line-height:1}.todo-text{flex:1;font-size:.9rem;color:var(--text-primary, #ebebeb);overflow:hidden;text-overflow:ellipsis}.todo-priority{background:none;border:none;font-size:.85rem;cursor:pointer;padding:.2rem;border-radius:4px;transition:background .2s}.todo-priority:hover{background:#ffffff1a}.todo-delete{background:none;border:none;color:var(--text-muted, #5a5a5a);font-size:.8rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;opacity:0;transition:all .2s}.todo-item:hover .todo-delete{opacity:1}.todo-delete:hover{color:#ef4444;background:#ef44441a}.todo-empty{text-align:center;padding:2rem;color:var(--text-secondary, #9b9b9b);font-size:.9rem}.todo-completed-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;margin-top:.8rem;cursor:pointer;color:var(--text-secondary, #9b9b9b);font-size:.8rem;border-radius:6px;transition:background .2s}.todo-completed-header:hover{background:#ffffff08}.brainstorm-panel{padding:1rem}.brainstorm-header{margin-bottom:1rem}.brainstorm-header h2{font-size:1.1rem;color:var(--text-primary, #ebebeb);margin-bottom:.5rem}.brainstorm-new-row{display:flex;gap:.5rem}.brainstorm-topic-input{flex:1;padding:.6rem 1rem;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ebebeb);font-size:.85rem;outline:none;font-family:inherit}.brainstorm-topic-input:focus{border-color:var(--accent, #38bdf8)}.brainstorm-idea-input-row{display:flex;gap:.5rem;margin-bottom:1rem}.brainstorm-idea-input{flex:1;padding:.7rem 1rem;background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #ebebeb);font-size:.9rem;outline:none;font-family:inherit}.brainstorm-idea-input:focus{border-color:#a855f7}.brainstorm-current{margin-bottom:1rem}.brainstorm-topic-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:.5rem}.brainstorm-topic-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.brainstorm-topic-name{font-weight:600;color:var(--text-primary, #ebebeb);font-size:.95rem}.brainstorm-idea-count{margin-left:auto;font-size:.75rem;color:var(--text-secondary, #9b9b9b)}.brainstorm-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.brainstorm-idea-card{background:var(--bg-card, rgba(255,255,255,.04));border:1px solid var(--border-color, #333);border-radius:10px;padding:.8rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s}.brainstorm-idea-card:hover{background:var(--bg-card-hover, rgba(255,255,255,.07));transform:translateY(-1px)}.idea-content{font-size:.85rem;color:var(--text-primary, #ebebeb);line-height:1.4;word-break:break-word}.idea-tag-highlight{color:#a855f7;font-weight:500}.idea-actions{display:flex;justify-content:space-between;align-items:center}.brainstorm-vote{background:none;border:1px solid var(--border-color, #333);border-radius:6px;padding:.2rem .6rem;font-size:.75rem;cursor:pointer;color:var(--text-secondary, #9b9b9b);transition:all .2s}.brainstorm-vote:hover{border-color:#fbbf24;background:#fbbf241a}.brainstorm-idea-delete{background:none;border:none;color:var(--text-muted, #5a5a5a);cursor:pointer;font-size:.75rem;opacity:0;transition:opacity .2s}.brainstorm-idea-card:hover .brainstorm-idea-delete{opacity:1}.brainstorm-idea-delete:hover{color:#ef4444}.brainstorm-tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.5rem 0;margin-bottom:1rem}.brainstorm-tags-label{font-size:.75rem;color:var(--text-secondary, #9b9b9b)}.brainstorm-tag{font-size:.75rem;color:#a855f7;background:#a855f71a;padding:.2rem .6rem;border-radius:12px}.brainstorm-tag small{color:var(--text-muted, #5a5a5a)}.brainstorm-history{margin-top:1rem}.brainstorm-history-title{font-size:.8rem;color:var(--text-secondary, #9b9b9b);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.brainstorm-session-card{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg-card, rgba(255,255,255,.04));border-radius:8px;margin-bottom:.3rem;cursor:pointer;transition:all .2s}.brainstorm-session-card:hover{background:var(--bg-card-hover, rgba(255,255,255,.07))}.brainstorm-session-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.brainstorm-session-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.brainstorm-session-name{font-size:.85rem;color:var(--text-primary, #ebebeb)}.brainstorm-session-meta{font-size:.7rem;color:var(--text-muted, #5a5a5a)}.brainstorm-session-delete{background:none;border:none;color:var(--text-muted, #5a5a5a);cursor:pointer;font-size:.75rem;opacity:0;transition:opacity .2s;padding:.2rem .4rem}.brainstorm-session-card:hover .brainstorm-session-delete{opacity:1}.brainstorm-session-delete:hover{color:#ef4444}.brainstorm-empty,.brainstorm-empty-state{text-align:center;padding:2rem;color:var(--text-secondary, #9b9b9b);font-size:.9rem}@media (max-width: 480px){.brainstorm-ideas{grid-template-columns:1fr}.sub-tab{font-size:.78rem;padding:.6rem .3rem}}.todo-elapsed{font-size:.7rem;color:var(--text-muted, #5a5a5a);white-space:nowrap;padding:.15rem .5rem;background:#ffffff0a;border-radius:8px;flex-shrink:0}.todo-elapsed.active{color:#fbbf24;background:#fbbf2414}.todo-item.completed .todo-elapsed{color:#34d399;background:#34d39914}.shopping-list{max-width:600px;margin:0 auto}.shopping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shopping-title{font-family:DungGeunMo,monospace;font-size:1.1rem;color:var(--text-primary, #e4e4e7);margin:0}.shopping-count{font-size:.75rem;color:var(--text-muted, rgba(255,255,255,.4));background:#ffffff0f;padding:2px 8px;border-radius:10px}.shopping-input-row{display:flex;gap:6px;margin-bottom:1rem}.shopping-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:var(--text-primary, #e4e4e7);font-size:.85rem;outline:none;transition:border-color .2s}.shopping-input:focus{border-color:var(--accent-purple, #a855f7)}.shopping-input::placeholder{color:#ffffff40}.shopping-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 8px;color:var(--text-primary, #e4e4e7);font-size:.8rem;cursor:pointer;outline:none;min-width:90px}.shopping-select option{background:#1a1a2e;color:#e4e4e7}.shopping-add-btn{background:var(--accent-purple, #a855f7);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-family:DungGeunMo,monospace;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .2s,transform .1s}.shopping-add-btn:hover{background:#9333ea}.shopping-add-btn:active{transform:scale(.96)}.shopping-category{margin-bottom:.75rem}.shopping-category-header{display:flex;align-items:center;justify-content:space-between;font-family:DungGeunMo,monospace;font-size:.85rem;color:var(--text-secondary, #a1a1aa);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.shopping-category-count{font-size:.7rem;background:#ffffff14;padding:1px 6px;border-radius:8px}.shopping-item{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:8px;transition:background .15s}.shopping-item:hover{background:#ffffff0a}.shopping-item.completed{opacity:.45}.shopping-item.completed .shopping-item-name{text-decoration:line-through;color:var(--text-muted, rgba(255,255,255,.35))}.shopping-check{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center}.shopping-checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-radius:4px;display:inline-block;position:relative;transition:border-color .2s,background .2s}.shopping-checkbox.checked{background:var(--accent-green, #34d399);border-color:var(--accent-green, #34d399)}.shopping-checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px;font-weight:700}.shopping-item-name{flex:1;font-size:.85rem;color:var(--text-primary, #e4e4e7)}.shopping-qty{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:6px;padding:2px}.shopping-qty-btn{width:24px;height:24px;border:none;background:#ffffff14;color:var(--text-primary, #e4e4e7);border-radius:4px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.shopping-qty-btn:hover{background:#ffffff26}.shopping-qty-value{min-width:20px;text-align:center;font-size:.8rem;font-family:DungGeunMo,monospace;color:var(--accent-sky, #38bdf8)}.shopping-delete{background:none;border:none;color:#fff3;cursor:pointer;font-size:.75rem;padding:4px;border-radius:4px;transition:color .15s,background .15s}.shopping-delete:hover{color:#f87171;background:#f871711a}.shopping-empty{text-align:center;padding:2rem;color:var(--text-muted, rgba(255,255,255,.3));font-family:DungGeunMo,monospace;font-size:.9rem}.shopping-completed-section{margin-top:1rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.5rem}.shopping-completed-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.4));padding:4px 0}.shopping-clear-btn{background:#f871711a;color:#f87171;border:none;border-radius:6px;padding:3px 10px;font-size:.7rem;cursor:pointer;transition:background .15s}.shopping-clear-btn:hover{background:#f8717133}.shopping-completed-list.hidden{display:none}.input-mode-row{display:flex;align-items:flex-end;gap:.5rem;width:100%}.input-mode-row textarea{flex:1}.input-mode-selector{display:flex;align-items:center;gap:.3rem;padding:.5rem .6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #ebebeb);cursor:pointer;transition:all .2s;flex-shrink:0;font-family:inherit;font-size:.8rem;white-space:nowrap;min-height:38px}.input-mode-selector:hover{background:#ffffff1a;border-color:#fff3}.input-mode-icon{font-size:1rem}.input-mode-label{font-weight:500;font-size:.8rem}.input-mode-arrow{font-size:.6rem;opacity:.6;margin-left:.1rem}.input-mode-dropdown{position:absolute;bottom:calc(100% + .25rem);left:0;right:0;background:#141423fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.4rem;z-index:100;box-shadow:0 -8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.input-mode-dropdown.hidden{display:none}.input-mode-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-primary, #ebebeb);cursor:pointer;transition:background .15s;text-align:left;font-family:inherit}.input-mode-option:hover{background:#ffffff12}.input-mode-option.active{background:#6c5ce726;border-left:3px solid #6c5ce7}.input-mode-option .mode-icon{font-size:1.3rem;flex-shrink:0}.input-mode-option .mode-info{display:flex;flex-direction:column;gap:2px}.input-mode-option .mode-name{font-size:.85rem;font-weight:600}.input-mode-option .mode-desc{font-size:.7rem;color:var(--text-secondary, rgba(255,255,255,.5))}.input-dock-inner{position:relative}@media (max-width: 768px){body{padding-bottom:74px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:auto;overscroll-behavior:none}.app{height:auto;min-height:100vh;overflow:visible}.sidebar{display:none!important}.sidebar-toggle{display:flex!important}.main-panel{width:100%;overflow:visible}.main-scroll{padding:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.header{padding:.5rem}.header-top{flex-wrap:wrap;gap:.25rem}.logo h1{font-size:1rem}.logo-icon{font-size:1.2rem}.header .btn,.header button{min-height:36px;min-width:36px;padding:.25rem .5rem;font-size:.75rem}.input-dock{padding:.5rem;position:fixed;bottom:64px;z-index:90}.input-dock-inner{max-width:100%;padding:.5rem;border-radius:8px}.input-dock textarea{font-size:16px;min-height:36px}.pixel-hud,.rpg-profile-bar,#rpgProfileBar{flex-wrap:wrap;gap:.25rem;padding:.25rem;font-size:.7rem}.rpg-profile-bar .level-badge,#rpgProfileBar .level-badge{font-size:.65rem;padding:2px 6px}.rpg-stats-inline,#rpgStatsInline{flex-wrap:wrap;gap:.25rem}.rpg-stats-inline .stat-badge,#rpgStatsInline .stat-badge{font-size:.6rem;padding:2px 4px}.px-bar-wrap{height:18px}.px-bar-text{font-size:.6rem}.section-tabs,.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;scrollbar-width:none;-ms-overflow-style:none}.section-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.section-tabs .tab-btn,.tabs .tab-btn,.tab-button{white-space:nowrap;min-height:40px;padding:.5rem .75rem;font-size:.75rem;flex-shrink:0}.pixel-nav{height:64px;padding-bottom:env(safe-area-inset-bottom,0px)}.pixel-nav-icon{width:20px;height:20px}.pixel-nav-label{font-size:.6rem}.todo-item,.quest-card{padding:.75rem .5rem;gap:.5rem}.quest-card-check{width:28px;height:28px;min-width:28px;flex-shrink:0}.ideas-grid{grid-template-columns:1fr!important}.idea-card{padding:.75rem}.shopping-header{flex-direction:column;gap:.25rem;align-items:flex-start}.shopping-input-form{flex-direction:column;gap:.5rem}.shopping-input-form input{width:100%;font-size:16px}.shopping-input-form select{width:100%;min-height:40px}.shopping-input-form button{width:100%;min-height:44px}.shopping-item{gap:.5rem;padding:.5rem}.shopping-item-qty{gap:.25rem}.shopping-item-qty button{width:28px;height:28px;font-size:1rem}.shopping-item-delete{min-width:28px;min-height:28px}.pixel-border{margin:4px}.game-window{margin:4px;width:calc(100vw - 8px)!important;max-width:100vw}.game-window-body{padding:.75rem;max-height:70vh;overflow-y:auto}.modal-overlay,.game-window-overlay{align-items:flex-end}.modal-content,.game-window-content{width:100%;max-width:100%;max-height:85vh;border-radius:12px 12px 0 0}.skill-tree-grid,.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem}.inventory-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem}.analysis-result,.results-section{padding:.75rem}.pixel-btn{min-height:44px;padding:.5rem 1rem;font-size:.85rem}.btn,button{min-height:36px}h1{font-size:1.1rem}h2{font-size:1rem}h3{font-size:.9rem}.character-creation{padding:1rem}.character-creation .pixel-btn{width:100%;margin:.25rem 0}.class-options,.gender-options,.appearance-options{display:flex;flex-wrap:wrap;gap:.5rem}.class-card,.gender-card,.appearance-card{flex:1 1 45%;min-width:120px}.status-modal,#statusWindow{width:100%!important;max-width:100vw!important;height:auto;max-height:90vh;margin:0}.offline-indicator{font-size:.7rem;padding:.25rem .5rem}}@media (max-width: 360px){.pixel-nav-label{font-size:.5rem}.pixel-nav{height:56px}body{padding-bottom:60px}.shopping-item-qty button{width:24px;height:24px;font-size:.8rem}.skill-tree-grid,.skills-grid{grid-template-columns:1fr!important}.inventory-grid{grid-template-columns:repeat(2,1fr)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg-base: #252629;--bg-surface: #1F1F1F;--bg-elevated: #2E2E2E;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--border-subtle: #2E2E2E;--border-default: #414347;--border-strong: #5B5F66;--text-primary: #F5F5F5;--text-secondary: #A0A6B2;--text-muted: #5B5F66;--text-inverse: #111111;--accent-primary: #0F5FFE;--accent-primary-hover: #3B82F6;--accent-primary-subtle: rgba(15, 95, 254, .15);--accent-success: #10B981;--accent-success-subtle: rgba(16, 185, 129, .12);--accent-warning: #F59E0B;--accent-warning-subtle: rgba(245, 158, 11, .12);--accent-danger: #A62911;--accent-danger-subtle: rgba(166, 41, 17, .12);--accent-info: #0F5FFE;--accent-info-subtle: rgba(15, 95, 254, .12);--sidebar-bg: #2E2F33;--sidebar-border: #414347;--sidebar-fg: #A0A6B2;--sidebar-accent: #1F1F1F;--sidebar-accent-fg: #F5F5F5;--sidebar-primary: #0F5FFE;--card-bg: #1F1F1F;--card-fg: #FFFFFF;--card-border: #2E2E2E;--font-body: "Pretendard Variable", "Pretendard", "Roboto", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-pixel: "DungGeunMo", monospace;--font-mono: "Roboto Mono", "JetBrains Mono", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1.05rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.8;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-xs: 0px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3.5px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--stat-str: #A62911;--stat-int: #0F5FFE;--stat-dex: #F59E0B;--stat-foc: #10B981;--exp-gradient: linear-gradient(90deg, #0F5FFE, #3B82F6);--level-badge: #0F5FFE;--nav-height: 56px;--nav-bg: #2E2F33;--nav-active: #0F5FFE;--nav-inactive: #5B5F66;--dock-bg: #1F1F1F;--dock-blur: 20px;--dock-height-min: 60px}body{background:var(--bg-base)!important;background-color:var(--bg-base)!important;background-image:none!important;background-size:auto!important;font-family:var(--font-body)!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:var(--text-primary)!important}html{background:var(--bg-base)!important;background-image:none!important}*{image-rendering:auto!important}.pixel-box,.pixel-border,.pixel-border-cyan,.pixel-card{border:1px solid var(--border-default)!important;border-image:none!important;border-image-source:none!important;outline:none!important;box-shadow:none!important;border-radius:var(--radius-md)!important;background:var(--bg-surface)!important}.pixel-btn{font-family:var(--font-body)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;text-transform:none!important;image-rendering:auto!important;padding:6px 14px!important;margin:2px!important;background:var(--bg-elevated)!important;color:var(--text-primary)!important;font-size:var(--text-sm)!important;transition:all var(--transition-normal)!important}.pixel-btn:after{display:none!important}.pixel-btn:hover{background:var(--bg-active)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-sm)!important}.pixel-btn:active{transform:translateY(0)!important;box-shadow:none!important}.pixel-btn-purple{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#fff!important}.pixel-btn-purple:hover{background:var(--accent-primary-hover)!important}.pixel-btn-primary{background:var(--accent-primary)!important;border-color:transparent!important;color:#fff!important;font-weight:var(--weight-semibold)!important}.pixel-btn-primary:hover{background:var(--accent-primary-hover)!important}.game-window{border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;outline:none!important}.game-window-header{background:var(--bg-elevated)!important;border-bottom:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:.5rem .75rem!important}.game-window-body{background:var(--bg-surface)!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.px-bar-wrap{border:none!important;background:var(--bg-elevated)!important;padding:0!important;height:6px!important;border-radius:var(--radius-full)!important}.px-bar-fill{background-image:none!important;background:var(--exp-gradient)!important;border-radius:var(--radius-full)!important}.hp-bar .px-bar-fill{background:linear-gradient(90deg,var(--accent-success),#34D399)!important}.exp-bar .px-bar-fill{background:var(--exp-gradient)!important}.mp-bar .px-bar-fill{background:linear-gradient(90deg,var(--accent-info),#60A5FA)!important}.energy-fill{background:linear-gradient(90deg,var(--accent-warning),#FBBF24)!important}*,*:before,*:after{font-family:var(--font-body)!important}.level-badge,.quest-badge,.stat-badge,.pixel-nav-label,.quest-status-value{font-family:var(--font-pixel)!important}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-base)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;line-height:var(--leading-normal);letter-spacing:-.01em}.app,.main-panel{background:var(--bg-base)!important}.main-scroll{background:transparent!important}.sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important}.todo-item{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;border-radius:var(--radius-md)!important;border-left:3px solid var(--accent-primary)!important;padding:.7rem .85rem!important;margin-bottom:.4rem!important;transition:all var(--transition-normal)!important}.todo-item:hover{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.todo-item.completed{opacity:.5!important}.todo-text{font-size:var(--text-base)!important;font-weight:var(--weight-medium)!important;color:var(--text-primary)!important;line-height:var(--leading-tight)!important}.todo-item.completed .todo-text{color:var(--text-muted)!important}.todo-check{width:20px!important;height:20px!important;border-radius:var(--radius-xs)!important;border:1.5px solid var(--border-strong)!important;background:transparent!important;transition:all var(--transition-fast)!important;flex-shrink:0!important}.todo-item:hover .todo-check{border-color:var(--accent-success)!important}.todo-item.completed .todo-check{background:var(--accent-success)!important;border-color:var(--accent-success)!important}.todo-priority{font-size:var(--text-xs)!important;padding:2px 8px!important;border-radius:var(--radius-full)!important;font-weight:var(--weight-medium)!important}.todo-elapsed{font-size:var(--text-xs)!important;color:var(--text-muted)!important;font-weight:var(--weight-normal)!important}.quest-card{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;padding:.7rem .85rem!important;transition:all var(--transition-normal)!important}.quest-card:hover{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quest-title{font-size:var(--text-base)!important;font-weight:var(--weight-medium)!important}.quest-tag{font-size:var(--text-xs)!important;padding:2px 8px!important;border-radius:var(--radius-full)!important;border:1px solid var(--border-subtle)!important;background:var(--bg-elevated)!important}.results-header h2,.todo-header h2,.brainstorm-header h2{font-size:var(--text-lg)!important;font-weight:var(--weight-semibold)!important;color:var(--text-primary)!important;letter-spacing:-.02em!important}.quest-section-title{font-size:var(--text-lg)!important;font-weight:var(--weight-semibold)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-subtle)!important}.todo-counter{font-size:var(--text-sm)!important;color:var(--text-secondary)!important;background:var(--bg-elevated)!important;padding:4px 12px!important;border-radius:var(--radius-full)!important}.todo-input,.brainstorm-topic-input,.brainstorm-idea-input,#todoInput,#brainstormTopicInput,#brainstormIdeaInput{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;font-size:var(--text-base)!important;padding:.6rem .85rem!important;transition:border-color var(--transition-normal)!important}.todo-input:focus,.brainstorm-topic-input:focus,.brainstorm-idea-input:focus,#todoInput:focus,#brainstormTopicInput:focus,#brainstormIdeaInput:focus{border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 0 3px var(--accent-primary-subtle)!important}.todo-input::placeholder,#todoInput::placeholder,#brainDumpInput::placeholder{color:var(--text-muted)!important}.btn{font-family:var(--font-body)!important;font-weight:var(--weight-medium)!important;border-radius:var(--radius-sm)!important;transition:all var(--transition-normal)!important}.btn-primary,.btn-analyze{background:var(--accent-primary)!important;color:#fff!important;border:none!important;box-shadow:none!important;text-shadow:none!important}.btn-primary:hover,.btn-analyze:hover{background:var(--accent-primary-hover)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)!important}.btn-primary:disabled,.btn-analyze:disabled{background:var(--bg-elevated)!important;color:var(--text-muted)!important;transform:none!important;box-shadow:none!important}.btn-ghost{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-subtle)!important}.btn-ghost:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}.btn-danger{color:var(--accent-danger)!important;border-color:var(--accent-danger-subtle)!important}.btn-danger:hover{background:var(--accent-danger-subtle)!important}.rpg-profile-bar,#rpgProfileBar,.pixel-hud{background:var(--bg-surface)!important;border:none!important;border-bottom:1px solid var(--border-subtle)!important;padding:.4rem .75rem!important;box-shadow:none!important;gap:.5rem!important;min-height:auto!important;image-rendering:auto!important}.level-badge{background:var(--accent-primary-subtle)!important;color:var(--accent-primary)!important;border:1px solid var(--accent-primary)!important;border-radius:var(--radius-full)!important;padding:2px 10px!important;font-size:var(--text-xs)!important;font-weight:var(--weight-bold)!important;box-shadow:none!important;text-shadow:none!important;image-rendering:auto!important}.char-name{font-family:var(--font-body)!important;font-size:var(--text-sm)!important;font-weight:var(--weight-semibold)!important;color:var(--text-primary)!important;text-shadow:none!important}.level-title{font-size:var(--text-xs)!important;color:var(--text-secondary)!important;text-shadow:none!important}.stat-badge{background:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-full)!important;padding:2px 8px!important;font-size:var(--text-xs)!important;color:var(--text-secondary)!important;box-shadow:none!important;text-shadow:none!important;image-rendering:auto!important}.stat-badge.str{border-color:var(--stat-str)!important;color:var(--stat-str)!important}.stat-badge.int{border-color:var(--stat-int)!important;color:var(--stat-int)!important}.stat-badge.dex{border-color:var(--stat-dex)!important;color:var(--stat-dex)!important}.stat-badge.foc{border-color:var(--stat-foc)!important;color:var(--stat-foc)!important}.px-bar-wrap,.exp-bar-wrap{height:6px!important;background:var(--bg-elevated)!important;border-radius:var(--radius-full)!important;border:none!important;box-shadow:none!important;overflow:hidden!important}.px-bar-fill,.exp-bar-fill{background:var(--exp-gradient)!important;border-radius:var(--radius-full)!important;box-shadow:none!important;image-rendering:auto!important}.px-bar-text,.exp-bar-text{font-size:.55rem!important;font-family:var(--font-body)!important;text-shadow:none!important}.energy-bar-wrap{height:4px!important;background:var(--bg-elevated)!important;border:none!important;border-radius:var(--radius-full)!important;box-shadow:none!important}.pixel-hud *,.rpg-profile-bar *,#rpgProfileBar *{text-shadow:none!important;image-rendering:auto!important}.header{display:flex!important;align-items:center!important;padding:var(--space-sm) var(--space-lg)!important;height:48px!important;background:var(--bg-surface)!important;border-bottom:1px solid var(--border-subtle)!important;box-shadow:none!important}.header .logo{display:flex!important;align-items:center!important;gap:var(--space-sm)!important}.header .logo h1{font-size:var(--text-lg)!important;margin:0!important}.tagline{display:none!important}.header-top{display:contents!important}.app-content{display:grid!important;grid-template-columns:200px 1fr!important;height:calc(100vh - 48px)!important;overflow:hidden!important}.sidebar{display:flex!important;flex-direction:column!important;background:var(--bg-surface)!important;border-right:1px solid var(--border-subtle)!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:var(--space-sm) 0!important;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}@media (max-width: 768px){.sidebar{position:fixed!important;top:0;left:0;width:280px!important;height:100%!important;transform:translate(-100%);box-shadow:2px 0 12px #00000080}.sidebar.active{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:16px;width:40px;height:40px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.2rem;z-index:100;cursor:pointer;box-shadow:0 4px 12px #0003}.sidebar-close-btn{display:block;position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px}.app-content{display:block!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;overflow-x:hidden!important}.main-panel,.main-scroll{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;flex:none!important}.main-content{padding:50px 12px 20px!important;width:100%!important;max-width:100%!important;margin:0!important}.results-board{padding:0!important;margin:0!important;width:100%!important}}@media (min-width: 769px){.mobile-menu-btn,.sidebar-overlay,.sidebar-close-btn{display:none!important}}.sidebar-user{display:flex!important;flex-direction:column!important;gap:var(--space-xs)!important;padding:var(--space-sm) var(--space-md)!important;border-bottom:1px solid var(--border-subtle)!important;margin-bottom:var(--space-sm)!important;position:relative}.sidebar-btn{display:flex!important;align-items:center!important;gap:var(--space-sm)!important;padding:var(--space-xs) var(--space-sm)!important;background:transparent!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;font-size:var(--text-sm)!important;font-family:var(--font-body)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;text-align:left!important;width:100%!important}.sidebar-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.sidebar-user .user-email{font-size:var(--text-xs)!important;color:var(--text-muted)!important;padding:var(--space-xs) var(--space-sm)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sidebar-nav,.pixel-nav{display:flex!important;flex-direction:column!important;gap:2px!important;padding:0 var(--space-sm)!important;flex:1!important;position:static!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important;height:auto!important;border-top:none!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;image-rendering:auto!important}.pixel-nav:before,.pixel-nav:after{display:none!important}.pixel-nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-sm)!important;padding:var(--space-sm) var(--space-md)!important;color:var(--text-secondary)!important;transition:all var(--transition-normal)!important;background:transparent!important;border:none!important;border-radius:var(--radius-sm)!important;position:relative!important;cursor:pointer!important;width:100%!important;text-align:left!important}.pixel-nav-item:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.pixel-nav-item.active{background:var(--accent-primary-subtle)!important;color:var(--accent-primary)!important}.pixel-nav-item.active:before{content:""!important;position:absolute!important;top:20%!important;left:0!important;bottom:20%!important;width:3px!important;height:auto!important;right:auto!important;background:var(--accent-primary)!important;border-radius:0 2px 2px 0!important}.pixel-nav-label{font-size:var(--text-sm)!important;font-family:var(--font-body)!important;letter-spacing:0!important;text-shadow:none!important}.pixel-nav-icon{width:20px!important;height:20px!important;image-rendering:auto!important;opacity:.7!important;flex-shrink:0!important}.pixel-nav-item.active .pixel-nav-icon{opacity:1!important}.sidebar-rpg{margin-top:auto!important;padding:var(--space-sm) var(--space-md)!important;border-top:1px solid var(--border-subtle)!important}.sidebar-rpg .rpg-status-bar{display:flex!important;flex-direction:column!important;gap:var(--space-xs)!important;padding:0!important}.sidebar-rpg .rpg-level,.sidebar-rpg .rpg-energy{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:var(--space-xs)!important;font-size:var(--text-xs)!important}.sidebar-rpg .rpg-level-badge{font-size:var(--text-xs)!important;padding:1px 6px!important}.sidebar-rpg .rpg-exp-bar,.sidebar-rpg .rpg-energy-bar{flex:1!important;height:6px!important;min-width:60px!important}.sidebar-rpg .rpg-exp-text,.sidebar-rpg .rpg-energy-text{font-size:.6rem!important;white-space:nowrap!important}.sidebar-rpg .rpg-stats-mini{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:var(--space-xs)!important}.sidebar-rpg .stat-tag{font-size:.55rem!important;padding:1px 4px!important}.main-panel{height:100%!important;overflow-y:auto!important;position:relative!important}.input-dock{background:var(--bg-surface)!important;border-top:1px solid var(--border-subtle)!important;box-shadow:none!important;position:sticky!important;bottom:0!important;z-index:10!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.input-dock-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:var(--space-xs)!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:6px var(--space-sm)!important}.input-mode-row{display:flex!important;align-items:center!important;gap:var(--space-xs)!important;flex:1!important;min-width:0!important}#brainDumpInput{min-height:32px!important;max-height:32px!important;height:32px!important;resize:none!important;overflow:hidden!important;padding:4px 10px!important;line-height:1.5!important;flex:1!important}.input-dock-actions{display:flex!important;align-items:center!important;gap:4px!important;padding:0!important;margin:0!important;flex-shrink:0!important}.btn-analyze{padding:4px 8px!important;min-width:auto!important;border-radius:var(--radius-sm)!important;font-size:1rem!important;line-height:1!important}#analyzeBtnLabel,.char-count,.emotion-bar{display:none!important}.input-mode-selector{padding:4px 8px!important;gap:4px!important;flex-shrink:0!important}.input-mode-label,.input-mode-arrow{font-size:var(--text-xs)!important}.input-mode-icon{font-size:.9rem!important}#brainDumpInput{font-family:var(--font-body)!important;font-size:var(--text-base)!important;background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;padding:.6rem .85rem!important;transition:border-color var(--transition-normal)!important}#brainDumpInput:focus{border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 0 3px var(--accent-primary-subtle)!important}.input-mode-selector{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;transition:all var(--transition-normal)!important}.input-mode-selector:hover{background:var(--bg-active)!important;border-color:var(--border-strong)!important}.input-mode-dropdown{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.input-mode-option{border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important;color:var(--text-primary)!important;transition:background var(--transition-fast)!important}.input-mode-option:hover{background:var(--bg-hover)!important}.input-mode-option.active{background:var(--accent-primary-subtle)!important;border-left:3px solid var(--accent-primary)!important}.input-mode-option .mode-name{font-weight:var(--weight-semibold)!important}.input-mode-option .mode-desc{color:var(--text-muted)!important}.char-count{font-size:var(--text-xs)!important;color:var(--text-muted)!important}.welcome-state{background:transparent!important}.welcome-state h2{font-size:var(--text-xl)!important;font-weight:var(--weight-semibold)!important;color:var(--text-primary)!important}.welcome-state p{color:var(--text-secondary)!important;font-size:var(--text-base)!important;line-height:var(--leading-relaxed)!important}.welcome-icon{font-size:2.5rem!important}.quest-status-bar{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;font-size:var(--text-sm)!important;padding:.5rem .85rem!important}.quest-status-value{color:var(--accent-primary)!important}.quest-progress-bar{background:var(--bg-elevated)!important;border-radius:var(--radius-full)!important;height:5px!important}.quest-progress-fill{background:var(--exp-gradient)!important;border-radius:var(--radius-full)!important}.quest-progress-fill.done{background:linear-gradient(90deg,var(--accent-success),#34D399)!important}.quest-reward-popup{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.quest-reward-popup .popup-title{font-family:var(--font-body)!important}.quest-reward-popup .popup-exp{color:var(--accent-primary)!important}.quest-reward-popup .popup-points{color:var(--accent-warning)!important}.sub-tabs{background:var(--bg-surface)!important;border-bottom:1px solid var(--border-subtle)!important}.sub-tab{font-family:var(--font-body)!important;color:var(--text-secondary)!important;transition:all var(--transition-normal)!important}.sub-tab.active{color:var(--accent-primary)!important;border-bottom-color:var(--accent-primary)!important}.quest-completed-header{color:var(--text-muted)!important;font-size:var(--text-sm)!important;border-radius:var(--radius-sm)!important}.quest-completed-header:hover{background:var(--bg-hover)!important}.loading-state p{color:var(--text-secondary)!important;font-size:var(--text-base)!important}.quest-empty{color:var(--text-muted)!important;font-size:var(--text-sm)!important}.header{background:var(--bg-surface)!important;border-bottom:1px solid var(--border-subtle)!important;box-shadow:none!important}.logo h1{font-family:var(--font-body)!important;font-weight:var(--weight-bold)!important;color:var(--text-primary)!important;text-shadow:none!important}#apiKeyInput{font-family:var(--font-mono)!important;background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.todo-item,.quest-card{animation:fadeIn .2s ease forwards}@keyframes checkPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.todo-item.completed .todo-check{animation:checkPulse .3s ease}.pixel-tab-panel,.todo-panel,.brainstorm-panel,.results-section,.welcome-state{transition:opacity var(--transition-slow)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.pixel-tab-panel{background:transparent!important}.pixel-border{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;image-rendering:auto!important}.game-window{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important;image-rendering:auto!important}.game-window-header{background:var(--bg-elevated)!important;border-bottom:1px solid var(--border-subtle)!important;font-family:var(--font-pixel)!important}.game-window-body{background:var(--bg-surface)!important;font-family:var(--font-body)!important}.shop-item-card{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-normal)!important}.shop-item-card:hover{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.cognitive-load-banner{background:var(--bg-surface)!important;border:1px solid var(--accent-warning-subtle)!important;border-radius:var(--radius-md)!important}.cl-bar{background:var(--bg-elevated)!important;border-radius:var(--radius-full)!important}.shopping-item{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-sm)!important}.shopping-input-form input,.shopping-input-form select{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;font-family:var(--font-body)!important}.focus-mode-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.focus-card{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.pixel-hud,.pixel-hud *,.pixel-nav,.pixel-nav *,.game-window *,.pixel-border,.pixel-border *,.rpg-profile-bar,.rpg-profile-bar *,#rpgProfileBar,#rpgProfileBar *{text-shadow:none!important}.pixel-border,.pixel-btn,.pixel-hud,.level-badge,.stat-badge{box-shadow:none!important;text-shadow:none!important}@media (max-width: 768px){.input-dock-inner{padding:var(--space-xs) var(--space-sm)!important}.rpg-profile-bar,#rpgProfileBar,.pixel-hud{padding:.3rem .5rem!important}.todo-item,.quest-card{padding:.65rem .7rem!important}}.rpg-status-bar{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important}.rpg-level-badge{font-family:var(--font-body)!important;letter-spacing:0!important;border:1px solid var(--accent-primary)!important;background:var(--accent-primary-subtle)!important;color:var(--accent-primary)!important;border-radius:var(--radius-full)!important;padding:2px 10px!important;font-size:var(--text-xs)!important;font-weight:var(--weight-bold)!important;box-shadow:none!important;text-shadow:none!important}.rpg-level-badge.level-up{text-shadow:none!important;box-shadow:none!important}.rpg-exp-bar{border:none!important;border-radius:var(--radius-full)!important;overflow:hidden!important;height:6px!important;background:var(--bg-elevated)!important}.rpg-exp-fill{border-radius:var(--radius-full)!important;background:var(--exp-gradient)!important;box-shadow:none!important}.rpg-exp-text{font-family:var(--font-body)!important;font-size:.55rem!important;text-shadow:none!important}.rpg-energy-bar{border:none!important;border-radius:var(--radius-full)!important;height:4px!important;background:var(--bg-elevated)!important}.rpg-energy-fill{border-radius:var(--radius-full)!important;background:linear-gradient(90deg,var(--accent-danger),#F87171)!important;box-shadow:none!important}.stat-tag{font-family:var(--font-body)!important;letter-spacing:0!important;border:1px solid var(--border-subtle)!important;background:var(--bg-elevated)!important;color:var(--text-secondary)!important;border-radius:var(--radius-full)!important;font-size:var(--text-xs)!important;padding:2px 8px!important;box-shadow:none!important;text-shadow:none!important}.tagline{font-family:var(--font-body)!important;letter-spacing:0!important}.main-panel,.app,body{background-image:none!important}.app:before,.app:after,body:before,body:after{display:none!important}.app-logo,.logo{font-family:var(--font-body)!important;text-shadow:none!important}.app-logo h1,.logo h1{font-family:var(--font-body)!important;font-weight:var(--weight-bold)!important;font-size:var(--text-lg)!important;color:var(--text-primary)!important;text-shadow:none!important;letter-spacing:-.02em!important}.header-btn,.rpg-toggle-btn,.header-actions button,.header-actions .btn{font-family:var(--font-body)!important;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;font-size:var(--text-sm)!important;padding:4px 12px!important;box-shadow:none!important;text-shadow:none!important;transition:all var(--transition-normal)!important}.header-btn:hover,.rpg-toggle-btn:hover,.header-actions button:hover{background:var(--bg-active)!important;border-color:var(--border-strong)!important}.login-btn,.logout-btn,#logoutBtn,#loginBtn{font-family:var(--font-body)!important;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;font-size:var(--text-sm)!important;box-shadow:none!important;text-shadow:none!important}.user-email,.login-status{font-family:var(--font-body)!important;font-size:var(--text-sm)!important;color:var(--text-muted)!important;text-shadow:none!important}[style*=linear-gradient],[style*=radial-gradient]{background-image:none!important}.add-btn,#addTodoBtn{background:var(--accent-primary)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important;font-weight:var(--weight-medium)!important;box-shadow:none!important;text-shadow:none!important;transition:all var(--transition-normal)!important}.add-btn:hover,#addTodoBtn:hover{background:var(--accent-primary-hover)!important;transform:translateY(-1px)}.combo-badge{background:var(--accent-warning-subtle)!important;border:1px solid var(--accent-warning)!important;color:var(--accent-warning)!important;border-radius:var(--radius-full)!important;font-family:var(--font-body)!important;box-shadow:none!important;text-shadow:none!important}.streak-badge,.streak-counter{font-family:var(--font-body)!important;box-shadow:none!important;text-shadow:none!important}.rpg-stats-inline,#rpgStatsInline{font-family:var(--font-body)!important}.rpg-stats-inline .stat-badge,#rpgStatsInline .stat-badge{background:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important;font-family:var(--font-body)!important;box-shadow:none!important;text-shadow:none!important;font-size:var(--text-xs)!important}.skills-inline-section{background:transparent!important}.skills-inline-section h2{font-family:var(--font-body)!important;color:var(--text-primary)!important}.header h1,.logo h1,h1{background:none!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary)!important;text-shadow:none!important;font-family:var(--font-body)!important}.btn-skills,#openSkillsBtn{background:var(--bg-elevated)!important;background-image:none!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;box-shadow:none!important;text-shadow:none!important;font-family:var(--font-body)!important}.btn-skills:hover,#openSkillsBtn:hover{background:var(--bg-active)!important;border-color:var(--border-strong)!important}.level-title-badge,#level-title-badge{background:var(--bg-elevated)!important;background-image:none!important;color:var(--text-secondary)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-full)!important;text-shadow:none!important;box-shadow:none!important}.skill-empty-glow{background:none!important;background-image:none!important;display:none!important}.dashboard-header{background:var(--bg-surface)!important;background-image:none!important;border-bottom:1px solid var(--border-subtle)!important}.skills-modal,#skillsModal{background:var(--bg-base)!important;background-image:none!important;border:1px solid var(--border-default)!important}.skills-header{background:var(--bg-surface)!important;background-image:none!important;border-bottom:1px solid var(--border-subtle)!important}.skills-title{background:none!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary)!important;font-family:var(--font-body)!important}.skill-detail-modal,#skillDetailModal{background:var(--bg-base)!important;background-image:none!important;border:1px solid var(--border-default)!important}.skill-detail-header{background:var(--bg-surface)!important;background-image:none!important}.skill-detail-title,#skillDetailTitle{background:none!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary)!important}.focus-panel,.shopping-list-panel{background:var(--bg-surface)!important;background-image:none!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important}.pixel-icon,#rpgEnergyEmoji{box-shadow:none!important;text-shadow:none!important}.cl-bar-fill,#clBarFill{border-radius:var(--radius-full)!important}[style*="background-clip: text"],[style*="-webkit-background-clip: text"]{-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;background:none!important;color:var(--text-primary)!important}.dream-panel{padding:var(--space-lg);max-width:720px;margin:0 auto}.dream-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.dream-top h2{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.dream-today{font-size:.8rem;color:var(--text-secondary)}.dream-input-bar{display:flex;gap:8px;margin-bottom:var(--space-lg);position:sticky;top:0;z-index:5;background:var(--bg-base);padding:var(--space-sm) 0}.dream-chat-input{flex:1;background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);transition:border-color var(--transition-fast)}.dream-chat-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #0f5ffe26}.dream-chat-input::placeholder{color:var(--text-secondary);opacity:.6}.dream-send-btn{width:42px;height:42px;border-radius:var(--radius-md);border:none;background:var(--accent-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.dream-send-btn:hover{background:#0d4fdb;transform:scale(1.05)}.dream-send-btn:active{transform:scale(.95)}.dream-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary)}.dream-empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.dream-empty p{margin:0}.dream-empty-sub{font-size:.8rem;opacity:.6;margin-top:4px}.dream-date-group{margin-bottom:var(--space-lg)}.dream-date-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.dream-date-count{font-weight:400;font-size:.75rem;opacity:.7}.dream-entries{display:flex;flex-direction:column;gap:4px}.dream-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast);position:relative}.dream-entry:hover{background:var(--bg-elevated)}.dream-entry-saving{opacity:.5}.dream-entry-time{font-size:.7rem;color:var(--text-secondary);opacity:.6;min-width:48px;padding-top:2px;flex-shrink:0;font-family:var(--font-mono, monospace)}.dream-entry-text{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.5;word-break:break-word}.dream-entry-delete{opacity:0;border:none;background:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:0 4px;line-height:1;transition:opacity var(--transition-fast),color var(--transition-fast);flex-shrink:0}.dream-entry:hover .dream-entry-delete{opacity:.6}.dream-entry-delete:hover{opacity:1!important;color:var(--game-hp, #ef4444)}.dream-loading{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:.85rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md)}.skill-header-class,.skill-header-sp{font-size:1rem;font-weight:600;color:var(--text-primary)}.skill-class-name{color:var(--accent-primary)}.skill-sp-value{color:gold}.skill-tree-grid{position:relative;width:100%;min-height:360px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:var(--space-lg);gap:var(--space-lg)}.skill-node-wrapper{display:flex;justify-content:center;align-items:center}.skill-node{width:64px;height:64px;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.skill-node:hover{transform:scale(1.1)}.skill-learned{background:var(--accent-primary);border:3px solid #ffd700;box-shadow:0 0 12px #ffd7004d}.skill-unlockable{background:var(--bg-elevated);border:3px dashed var(--accent-primary)}.skill-affordable{animation:skillPulse 1.5s infinite}@keyframes skillPulse{0%,to{box-shadow:0 0 4px #0f5ffe4d}50%{box-shadow:0 0 16px #0f5ffe99}}.skill-locked{background:#333;border:3px solid #555;filter:grayscale(1);opacity:.5;cursor:not-allowed}.skill-detail{text-align:center}.skill-detail-icon{font-size:3rem;margin-bottom:var(--space-sm)}.skill-detail-name{color:var(--accent-primary);margin-bottom:4px;font-size:1.1rem}.skill-detail-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.skill-detail-info{background:var(--bg-base);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);text-align:left;font-size:.85rem;color:var(--text-secondary);line-height:1.8}.skill-action-btn{width:100%;padding:10px 16px;border-radius:var(--radius-md);border:none;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition-fast)}.skill-btn-learn{background:var(--accent-primary);color:#fff}.skill-btn-learn:hover{background:#0d4fdb}.skill-btn-disabled{background:var(--bg-elevated);color:var(--text-secondary);cursor:not-allowed}.skill-btn-insufficient{background:#ef444426;color:#ef4444;cursor:not-allowed}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);margin-bottom:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md)}.shop-header-title{font-size:1.1rem;font-weight:600;color:#fbbf24}.shop-header-info{display:flex;align-items:center;gap:var(--space-sm)}.shop-points{font-size:.9rem;font-weight:600;color:#fbbf24}.shop-level{font-size:.7rem;color:var(--text-secondary)}.shop-tabs{display:flex;gap:4px;margin-bottom:var(--space-md);flex-wrap:wrap}.shop-tab-btn{font-size:.75rem;padding:4px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.shop-tab-btn.active{border-color:#fbbf24;background:#fbbf241a;color:#fbbf24}.shop-tab-btn:hover:not(.active){border-color:var(--accent-primary)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.shop-card{padding:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);position:relative}.shop-card:hover:not(.shop-card-disabled):not(.shop-card-owned){transform:translateY(-2px);border-color:var(--accent-primary)}.shop-card-disabled{opacity:.5;cursor:default}.shop-card-owned{cursor:default}.shop-card.rarity-uncommon{border-top:2px solid #22c55e}.shop-card.rarity-rare{border-top:2px solid #3b82f6}.shop-card.rarity-epic{border-top:2px solid #a855f7}.shop-card.rarity-legendary{border-top:2px solid #f59e0b}.shop-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.shop-rarity-badge{font-size:.6rem;color:var(--text-secondary)}.shop-rarity-badge.rarity-uncommon{color:#22c55e}.shop-rarity-badge.rarity-rare{color:#3b82f6}.shop-rarity-badge.rarity-epic{color:#a855f7}.shop-rarity-badge.rarity-legendary{color:#f59e0b}.shop-class-req{font-size:.55rem;color:#60a5fa}.shop-card-icon{text-align:center;font-size:1.5rem;margin:var(--space-xs) 0}.shop-card-name{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:4px}.shop-card-desc{font-size:.65rem;color:var(--text-secondary);text-align:center;margin-bottom:var(--space-sm);line-height:1.4}.shop-card-price{text-align:center}.shop-price{font-size:.8rem;font-weight:600;color:#fbbf24}.shop-price.insufficient{color:#ef4444}.shop-owned-badge{font-size:.7rem;color:var(--game-exp, #22c55e)}.shop-level-req{font-size:.55rem;color:var(--text-secondary);text-align:center;margin-top:2px}.shop-empty{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.shop-empty-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.shop-empty-text{font-size:.85rem}.shop-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s}.shop-modal-overlay.visible{opacity:1}.shop-modal{background:var(--bg-base);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--space-lg);max-width:300px;width:90%;text-align:center}.shop-modal-title{font-size:1rem;font-weight:700;color:#fbbf24;margin-bottom:var(--space-md)}.shop-modal-icon{font-size:2rem;margin:var(--space-xs) 0}.shop-modal-name{font-size:.9rem;font-weight:600;margin-bottom:4px}.shop-modal-desc{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.shop-modal-price{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-bottom:var(--space-md)}.shop-modal-balance{font-size:.7rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.shop-modal-actions{display:flex;gap:var(--space-sm);justify-content:center}.shop-btn-buy,.shop-btn-cancel{font-size:.85rem;font-weight:600;padding:8px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast)}.shop-btn-buy{background:var(--game-exp, #22c55e);color:#fff}.shop-btn-buy:hover{background:#16a34a}.shop-btn-cancel{background:var(--bg-elevated);color:var(--text-secondary)}.shop-btn-cancel:hover{background:var(--border-default)}.shop-toast{position:fixed;top:20%;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;z-index:10000;text-align:center;animation:shopToastIn .3s ease,shopToastOut .3s ease 1.5s forwards}.shop-toast-success{background:var(--game-exp, #22c55e);color:#fff}.shop-toast-error{background:#ef4444;color:#fff}@keyframes shopToastIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes shopToastOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.shop-card{padding:var(--space-sm)}}.inven-panel{padding:var(--space-lg);max-width:720px;margin:0 auto}.inven-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md)}.inven-header-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.inven-section-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.inven-equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.inven-slot{padding:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:border-color var(--transition-fast);min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.inven-slot:hover{border-color:var(--accent-primary)}.inven-slot-icon{font-size:1.5rem}.inven-slot-label{font-size:.65rem;color:var(--text-secondary)}.inven-slot-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.inven-slot.empty{border-style:dashed;opacity:.6}.inven-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-sm)}.inven-item{padding:var(--space-sm);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.inven-item:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.inven-item-icon{font-size:1.3rem;margin-bottom:2px}.inven-item-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.inven-item-qty{font-size:.6rem;color:var(--text-secondary)}.inven-item.rarity-uncommon{border-top:2px solid #22c55e}.inven-item.rarity-rare{border-top:2px solid #3b82f6}.inven-item.rarity-epic{border-top:2px solid #a855f7}.inven-item.rarity-legendary{border-top:2px solid #f59e0b}.inven-empty{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){.inven-equip-grid,.inven-items-grid{grid-template-columns:repeat(3,1fr)}}.results-board{grid-template-columns:1fr!important;max-width:720px!important;margin:0 auto!important;gap:var(--space-md)!important}.results-header{max-width:720px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:var(--space-md)!important;padding-bottom:var(--space-sm)!important;border-bottom:1px solid var(--border-subtle)!important}.results-header h2{font-size:1.1rem!important;margin:0!important}.results-actions{gap:4px!important}.results-actions .btn{font-size:.7rem!important;padding:4px 8px!important;border-radius:var(--radius-sm)!important}.task-count{font-size:.7rem!important;background:var(--bg-elevated)!important;padding:2px 8px!important;border-radius:var(--radius-full)!important}.session-column{background:var(--bg-elevated, rgba(255,255,255,.03))!important;border:1px solid var(--border-subtle)!important;border-top:none!important;border-radius:var(--radius-md)!important;padding:var(--space-md)!important;min-height:auto!important}.session-header{font-size:.8rem!important;color:var(--text-primary)!important;margin-bottom:var(--space-sm)!important;padding:var(--space-xs) var(--space-sm)!important;background:var(--accent-primary, #a855f7)!important;background:linear-gradient(135deg,#a855f726,#3b82f61a)!important;border-radius:var(--radius-sm)!important;font-weight:600!important;border-bottom:none!important}.session-items{gap:6px!important}.task-item{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-sm) var(--space-md)!important;transition:border-color var(--transition-fast),transform var(--transition-fast)!important}.task-item:hover{border-color:var(--accent-primary)!important;background:var(--card-bg)!important;transform:translateY(-1px)}.task-title{font-size:.85rem!important;font-weight:500!important;color:var(--text-primary)!important;line-height:1.4!important}.task-complete-btn{flex-shrink:0!important}.task-circle{border-color:var(--border-default)!important}.task-item:hover .task-circle{border-color:var(--accent-primary)!important}.task-meta{gap:4px!important;margin-top:2px!important}.task-category{font-size:.65rem!important;padding:1px 6px!important;border-radius:var(--radius-full)!important;background:var(--bg-elevated)!important;color:var(--text-secondary)!important;border:1px solid var(--border-subtle)!important}.task-time{font-size:.65rem!important;padding:1px 6px!important;border-radius:var(--radius-full)!important;background:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important}.quest-type-badge{display:none!important}.task-item:hover .quest-type-badge{display:inline-flex!important}.task-elapsed{font-size:.6rem!important;padding:0 4px!important;opacity:.7}.task-title .pixel-icon{width:14px!important;height:14px!important;vertical-align:middle!important}.priority-dot{font-size:.5rem!important;margin-left:6px!important}.completed-section{max-width:720px!important;margin:var(--space-md) auto 0!important;background:transparent!important}.completed-header{padding:var(--space-sm) 0!important;border-bottom:1px solid var(--border-subtle)!important;margin-bottom:var(--space-sm)!important;font-size:.8rem!important;cursor:pointer!important;color:var(--text-secondary)!important}.completed-header:hover{color:var(--text-primary)!important}.completed-count{font-size:.7rem!important;opacity:.6!important;margin-left:4px!important}.completed-date-label{font-size:.7rem!important;color:var(--text-secondary)!important;padding:var(--space-xs) 0!important}.task-item.completed{opacity:.6!important;background:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important}.task-item.completed .task-title{text-decoration:line-through!important;color:var(--text-secondary)!important}.cognitive-load-banner{max-width:720px!important;margin:0 auto var(--space-md)!important;border-radius:var(--radius-md)!important}.input-dock{border-top:1px solid var(--border-subtle)!important}.input-dock-inner,.welcome-state{max-width:720px!important;margin:0 auto!important}.skills-inline-section{max-width:720px!important;margin:var(--space-lg) auto 0!important}.decompose-zone{max-width:720px!important;margin:var(--space-sm) auto!important;border-radius:var(--radius-md)!important}@media (max-width: 768px){.results-board{gap:var(--space-sm)!important}.results-actions{flex-wrap:wrap!important}.results-actions .btn{font-size:.65rem!important;padding:3px 6px!important}}.home-section-divider{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.home-section-divider span{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.home-section-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.pixel-tab-panel{margin-top:var(--space-lg);max-width:720px;margin-left:auto;margin-right:auto}.nav-divider{width:80%;height:1px;background:var(--border-subtle, rgba(255,255,255,.1));margin:var(--space-xs, 4px) auto}.multi-select-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#a855f7e6,#3b82f6d9);border-radius:var(--radius-md);margin-bottom:var(--space-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.multi-select-count{font-size:.85rem;font-weight:600;color:#fff}.multi-select-actions{display:flex;gap:var(--space-sm)}.multi-select-btn{padding:6px 14px;border-radius:var(--radius-sm);border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.multi-select-delete{background:#ef4444;color:#fff}.multi-select-delete:hover{background:#dc2626;transform:scale(1.03)}.multi-select-cancel{background:#ffffff26;color:#fff}.multi-select-cancel:hover{background:#ffffff40}.task-item.multi-selected{border-color:var(--accent-primary, #a855f7)!important;box-shadow:0 0 0 2px #a855f74d!important;position:relative}.task-item.multi-selected:before{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--accent-primary, #a855f7);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:5}body.multi-select-mode .task-item{cursor:pointer!important;-webkit-user-select:none;user-select:none}body.multi-select-mode .task-inline-actions,body.multi-select-mode .task-delete-btn{display:none!important}.merge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.merge-modal{background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border-subtle, rgba(255,255,255,.1));border-radius:var(--radius-lg, 12px);padding:var(--space-lg, 24px);max-width:460px;width:100%;max-height:70vh;overflow-y:auto}.merge-modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:var(--space-sm, 8px)}.merge-modal-desc{font-size:.85rem;color:var(--text-secondary, #aaa);margin-bottom:var(--space-md, 16px)}.merge-groups-list{display:flex;flex-direction:column;gap:var(--space-sm, 8px);margin-bottom:var(--space-lg, 24px)}.merge-group{background:var(--bg-tertiary, rgba(255,255,255,.05));padding:var(--space-sm, 8px) var(--space-md, 12px);border-radius:var(--radius-sm, 6px);border-left:3px solid var(--accent-primary, #a855f7)}.merge-keep{font-size:.82rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:2px}.merge-remove{font-size:.75rem;color:#ef4444;opacity:.8}.merge-modal-actions{display:flex;gap:var(--space-sm, 8px);justify-content:flex-end}.merge-confirm-btn{padding:8px 20px;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;border-radius:var(--radius-sm, 6px);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast, .15s)}.merge-confirm-btn:hover{transform:scale(1.03);box-shadow:0 4px 12px #a855f74d}.merge-cancel-btn{padding:8px 20px;background:#ffffff14;color:var(--text-secondary, #aaa);border:1px solid var(--border-subtle, rgba(255,255,255,.1));border-radius:var(--radius-sm, 6px);font-weight:500;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast, .15s)}.merge-cancel-btn:hover{background:#ffffff1f;color:var(--text-primary, #fff)}.shopping-panel{padding:var(--space-lg);max-width:720px;margin:0 auto}.shopping-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.shopping-top h2{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.shopping-today{font-size:.8rem;color:var(--text-secondary)}.shopping-input-bar{display:flex;gap:8px;margin-bottom:var(--space-lg);position:sticky;top:0;z-index:5;background:var(--bg-base);padding:var(--space-sm) 0}.shopping-chat-input{flex:1;background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);transition:border-color var(--transition-fast)}.shopping-chat-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #0f5ffe26}.shopping-chat-input::placeholder{color:var(--text-secondary);opacity:.6}.shopping-send-btn{width:42px;height:42px;border-radius:var(--radius-md);border:none;background:var(--accent-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.shopping-send-btn:hover{background:#0d4fdb;transform:scale(1.05)}.shopping-send-btn:active{transform:scale(.95)}.shopping-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary)}.shopping-empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.shopping-empty p{margin:0}.shopping-empty-sub{font-size:.8rem;opacity:.6;margin-top:4px}.shopping-date-group{margin-bottom:var(--space-lg)}.shopping-date-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.shopping-date-count{font-weight:400;font-size:.75rem;opacity:.7}.shopping-entries{display:flex;flex-direction:column;gap:4px}.shopping-entry{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast);position:relative}.shopping-entry:hover{background:var(--bg-elevated)}.shopping-entry-saving{opacity:.5}.shopping-entry.completed .shopping-entry-text{text-decoration:line-through;opacity:.5}.shopping-entry-check{border:none;background:none;cursor:pointer;padding:0;flex-shrink:0}.shopping-checkbox{display:inline-block;width:18px;height:18px;border:2px solid var(--border-default);border-radius:4px;transition:all var(--transition-fast)}.shopping-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary);position:relative}.shopping-checkbox.checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:-1px;left:2px}.shopping-entry-text{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.5;word-break:break-word}.shopping-entry-time{font-size:.7rem;color:var(--text-secondary);opacity:.6;min-width:48px;flex-shrink:0;font-family:var(--font-mono, monospace)}.shopping-entry-delete{opacity:0;border:none;background:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:0 4px;line-height:1;transition:opacity var(--transition-fast),color var(--transition-fast);flex-shrink:0}.shopping-entry:hover .shopping-entry-delete{opacity:.6}.shopping-entry-delete:hover{opacity:1!important;color:var(--game-hp, #ef4444)}.shopping-completed-section{margin-top:var(--space-lg);border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}.shopping-completed-toggle{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm) 0}.shopping-clear-btn{font-size:.75rem;border:1px solid var(--border-default);background:none;color:var(--text-secondary);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;transition:all var(--transition-fast)}.shopping-clear-btn:hover{border-color:var(--game-hp, #ef4444);color:var(--game-hp, #ef4444)}.shopping-completed-entries.hidden{display:none}.shopping-loading{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:.85rem}.simple-tab-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.simple-tab-top h2{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.simple-tab-count{font-size:.8rem;color:var(--text-secondary)}.simple-input-bar{display:flex;gap:8px;margin-bottom:var(--space-lg);position:sticky;top:0;z-index:5;background:var(--bg-base);padding:var(--space-sm) 0}.simple-chat-input{flex:1;background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);transition:border-color var(--transition-fast);resize:none}.simple-chat-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #0f5ffe26}.simple-chat-input::placeholder{color:var(--text-secondary);opacity:.6}.simple-chat-textarea{min-height:42px;max-height:120px;overflow-y:auto;line-height:1.5}.simple-send-btn{width:42px;height:42px;border-radius:var(--radius-md);border:none;background:var(--accent-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.simple-send-btn:hover{background:#0d4fdb;transform:scale(1.05)}.simple-send-btn:active{transform:scale(.95)}.simple-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.simple-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary)}.simple-empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.simple-empty p{margin:0}.simple-empty-sub{font-size:.8rem;opacity:.6;margin-top:4px}.simple-group{margin-bottom:var(--space-lg)}.simple-group-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.simple-group-count{font-weight:400;font-size:.75rem;opacity:.7}.simple-entries{display:flex;flex-direction:column;gap:4px}.simple-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast);position:relative}.simple-entry:hover{background:var(--bg-elevated)}.simple-entry-done{opacity:.5}.simple-entry-done .simple-entry-text{text-decoration:line-through}.todo-check-btn{border:none;background:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0;transition:color var(--transition-fast)}.todo-check-btn:hover{color:var(--accent-primary)}.simple-entry-time{font-size:.7rem;color:var(--text-secondary);opacity:.6;min-width:48px;padding-top:2px;flex-shrink:0;font-family:var(--font-mono, monospace)}.simple-entry-text{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.5;word-break:break-word}.simple-entry-delete{opacity:0;border:none;background:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:0 4px;line-height:1;transition:opacity var(--transition-fast),color var(--transition-fast);flex-shrink:0}.simple-entry:hover .simple-entry-delete{opacity:.6}.simple-entry-delete:hover{opacity:1!important;color:var(--game-hp, #ef4444)}.simple-loading{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:.85rem}.todo-panel-simple,.brainstorm-panel-simple{padding:var(--space-lg);max-width:720px;margin:0 auto}.results-header-simple{display:flex;align-items:center;justify-content:space-between;background:none!important;border:none!important;padding:var(--space-md) 0!important}.results-header-simple h2{font-size:1.3rem;font-weight:600;margin:0}.input-dock-simple{display:flex!important;gap:8px!important;align-items:flex-end!important;padding:var(--space-sm) var(--space-lg)!important;border-top:1px solid var(--border-subtle)!important;background:var(--bg-base)!important}.input-dock-simple .simple-chat-textarea{flex:1}.input-dock-simple .simple-send-btn{margin-bottom:0}@media (max-width: 768px){.todo-panel-simple,.brainstorm-panel-simple{padding:var(--space-md)}.simple-tab-top h2{font-size:1.1rem}.simple-chat-input{padding:10px 12px;font-size:.85rem}.simple-send-btn{width:38px;height:38px}.input-dock-simple{padding:var(--space-xs) var(--space-md)!important}}.ai-group-toggle-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 16px;font-size:.8rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .25s ease;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:36px}.ai-group-toggle-btn:hover{background:linear-gradient(135deg,#0f5ffe33,#a855f733);border-color:#0f5ffe66;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f5ffe26}.ai-group-toggle-btn:disabled{opacity:.7;cursor:wait;background:#ffffff0f;border-color:#ffffff14;animation:ai-btn-pulse 1.5s ease-in-out infinite}@keyframes ai-btn-pulse{0%,to{opacity:.7}50%{opacity:1}}.results-board.ai-group-grid{display:grid!important;grid-template-columns:1fr 1fr!important;max-width:1100px!important;gap:16px!important;align-items:start}.results-board.ai-group-grid .completed-tasks-section{grid-column:1 / -1}.ai-group-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.ai-group-card:hover{border-color:#0f5ffe33;box-shadow:0 4px 20px #00000026}.ai-group-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#0f5ffe14,#a855f70f);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ai-group-emoji{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#0f5ffe1f;font-size:1.1rem;flex-shrink:0}.ai-group-label{font-weight:600;font-size:.9rem;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:#0f5ffe26;color:#ffffffb3;font-size:.7rem;font-weight:600;flex-shrink:0}.ai-group-card-body{display:flex;flex-direction:column;gap:var(--space-sm, 6px);padding:10px 12px 14px}.ai-group-card-body .task-item{border-radius:8px;transition:background .15s ease,transform .15s ease}.ai-group-card-body .task-item:hover{transform:translate(2px)}@media (max-width: 1024px){.results-board.ai-group-grid{gap:12px!important;max-width:100%!important}.ai-group-card-header{padding:12px 14px}.ai-group-emoji{width:30px;height:30px;font-size:1rem;border-radius:8px}.ai-group-label{font-size:.85rem}.ai-group-card-body{padding:8px 10px 12px}}@media (max-width: 768px){.results-board.ai-group-grid{grid-template-columns:1fr!important;max-width:100%!important;gap:10px!important}.ai-group-toggle-btn{min-height:44px;padding:10px 18px;font-size:.85rem;border-radius:10px}.ai-group-card{border-radius:12px}.ai-group-card-header{padding:12px 14px;gap:8px}.ai-group-emoji{width:32px;height:32px;font-size:1rem}.ai-group-label{font-size:.85rem}.ai-group-count{min-width:22px;height:20px;font-size:.65rem;padding:0 6px}.ai-group-card-body{padding:8px 10px 12px;gap:4px}}@media (max-width: 480px){.results-board.ai-group-grid{gap:8px!important}.ai-group-card{border-radius:10px}.ai-group-card-header{padding:10px 12px;gap:8px}.ai-group-emoji{width:28px;height:28px;font-size:.9rem;border-radius:7px}.ai-group-label{font-size:.8rem}.ai-group-card-body{padding:6px 8px 10px;gap:3px}.ai-group-card-body .task-item{padding:6px 8px;border-radius:6px}}