*,*:before,*:after{cursor:none!important}.cursor-dot{position:fixed;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:#3d8ef0;box-shadow:0 0 8px #3d8ef0e6,0 0 16px #3d8ef066;pointer-events:none;z-index:99999;will-change:transform}.cursor-ring-pos{position:fixed;top:0;left:0;pointer-events:none;z-index:99998;will-change:transform}.cursor-ring{width:28px;height:28px;margin-top:-14px;margin-left:-14px;border-radius:50%;border:1.5px solid rgba(61,142,240,.45);transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,background .2s ease}.cursor-ring.hovered{transform:scale(1.7);border-color:#3d8ef0d9;background:#3d8ef00f}.login-screen{min-height:100vh;background:#080c14;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);animation:pulse 8s ease-in-out infinite alternate;pointer-events:none}.login-screen:before{width:500px;height:500px;background:radial-gradient(circle,rgba(61,142,240,.12) 0%,transparent 70%);top:-100px;right:-100px;animation-delay:0s}.login-screen:after{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);bottom:-80px;left:-80px;animation-delay:-4s}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.login-kanji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:520px;font-weight:900;color:#3d8ef006;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1;letter-spacing:-.05em}.login-card{width:100%;max-width:400px;background:#0d1220d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #1e2d47;border-radius:24px;padding:40px 36px;box-shadow:0 0 0 1px #3d8ef00d,0 24px 64px #00000080,0 4px 16px #0000004d;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-rank{display:inline-flex;align-items:center;gap:6px;background:#3d8ef014;border:1px solid rgba(61,142,240,.2);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;color:#3d8ef0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.login-rank-dot{width:6px;height:6px;background:#3d8ef0;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.login-title{font-size:42px;font-weight:900;letter-spacing:-.03em;color:#e8edf7;text-shadow:0 0 40px rgba(61,142,240,.4),0 0 80px rgba(61,142,240,.15);margin-bottom:8px;line-height:1}.login-tagline{font-size:14px;color:#4a5878;letter-spacing:.02em}.login-tabs{display:flex;background:#0d1220;border:1px solid #1e2d47;border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.login-tab{flex:1;padding:9px;border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:#4a5878}.login-tab.active{background:#1a2338;color:#e8edf7;box-shadow:0 2px 8px #0000004d}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:12px;font-weight:600;color:#8896b3;letter-spacing:.05em;text-transform:uppercase}.login-field input{background:#0d1220;border:1px solid #1e2d47;border-radius:10px;padding:12px 14px;font-size:14px;color:#e8edf7;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;width:100%}.login-field input::placeholder{color:#2a3a52}.login-field input:focus{border-color:#3d8ef0;box-shadow:0 0 0 3px #3d8ef01f}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#4a5878;cursor:pointer;padding:4px;font-size:16px;line-height:1;transition:color .15s}.password-toggle:hover{color:#8896b3}.login-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171}.login-btn{background:linear-gradient(135deg,#2563eb,#3d8ef0);border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #3d8ef04d;margin-top:4px;font-family:inherit;letter-spacing:.01em}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #3d8ef073}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;color:#2a3a52;font-size:12px;letter-spacing:.05em;margin:4px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#1e2d47}.login-google{background:#0d1220;border:1px solid #1e2d47;border-radius:12px;padding:13px;font-size:14px;font-weight:600;color:#8896b3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit}.login-google:hover{border-color:#2a3a52;color:#e8edf7;background:#121929}.google-icon{width:18px;height:18px;flex-shrink:0}.login-footer{text-align:center;margin-top:24px;font-size:12px;color:#2a3a52;line-height:1.6}.ob-screen{min-height:100vh;background:#080c14;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.ob-screen:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(61,142,240,.07) 0%,transparent 70%);top:-150px;right:-150px;border-radius:50%;pointer-events:none}.ob-dots{display:flex;gap:8px;margin-bottom:48px;position:relative;z-index:1}.ob-dot{width:6px;height:6px;border-radius:50%;background:#1e2d47;transition:all .3s ease}.ob-dot.active{background:#3d8ef0;box-shadow:0 0 8px #3d8ef099;width:20px;border-radius:3px}.ob-dot.done{background:#2a3a52}.ob-step{width:100%;max-width:480px;position:relative;z-index:1;animation:stepIn .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes stepIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.ob-step.back{animation:stepInBack .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes stepInBack{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.ob-heading{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#e8edf7;margin-bottom:8px;line-height:1.2}.ob-sub{font-size:14px;color:#4a5878;margin-bottom:32px;line-height:1.5}.ob-input-wrap{margin-bottom:32px}.ob-input{width:100%;background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:16px 20px;font-size:24px;font-weight:700;color:#e8edf7;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;letter-spacing:-.01em}.ob-input::placeholder{color:#1e2d47}.ob-input:focus{border-color:#3d8ef0;box-shadow:0 0 0 3px #3d8ef01f}.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px}.ob-grid.single{grid-template-columns:1fr}.ob-grid.three{grid-template-columns:1fr 1fr 1fr}.ob-card{background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:18px 16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;text-align:left;position:relative;overflow:hidden}.ob-card:hover{border-color:#2a3a52;background:#121929;transform:translateY(-1px)}.ob-card.selected{border-color:#3d8ef0;background:#3d8ef00f;box-shadow:0 0 0 1px #3d8ef033,inset 0 0 20px #3d8ef00a}.ob-card .card-icon{font-size:22px;margin-bottom:2px}.ob-card .card-title{font-size:14px;font-weight:700;color:#e8edf7}.ob-card .card-sub{font-size:12px;color:#4a5878;line-height:1.4}.ob-card.selected:after{content:"✓";position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;color:#3d8ef0;background:#3d8ef026;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ob-stat-card{background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.ob-stat-card:hover{border-color:#2a3a52;transform:translateY(-1px)}.ob-stat-card.selected{box-shadow:0 0 0 1px var(--stat-color),inset 0 0 20px rgba(var(--stat-rgb),.06);border-color:var(--stat-color);background:rgba(var(--stat-rgb),.05)}.ob-stat-card.selected:after{content:"✓";position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;color:var(--stat-color);background:rgba(var(--stat-rgb),.15);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.stat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stat-name{font-size:14px;font-weight:700;color:#e8edf7}.stat-desc{font-size:12px;color:#4a5878}.ob-count-card{background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:center}.ob-count-card:hover{border-color:#2a3a52;transform:translateY(-1px)}.ob-count-card.selected{border-color:#3d8ef0;background:#3d8ef00f;box-shadow:0 0 0 1px #3d8ef033}.count-num{font-size:36px;font-weight:900;color:#e8edf7;letter-spacing:-.03em;line-height:1;margin-bottom:6px}.count-label{font-size:12px;color:#4a5878;line-height:1.4}.ob-count-card.selected .count-num{color:#3d8ef0}.ob-quests-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:380px;overflow-y:auto;padding-right:4px}.ob-quests-grid::-webkit-scrollbar{width:4px}.ob-quests-grid::-webkit-scrollbar-track{background:transparent}.ob-quests-grid::-webkit-scrollbar-thumb{background:#1e2d47;border-radius:2px}.ob-quest-card{background:#0d1220;border:1px solid #1e2d47;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.ob-quest-card:hover{border-color:#2a3a52}.ob-quest-card.selected{border-color:var(--stat-color);background:rgba(var(--stat-rgb),.05)}.quest-stat-bar{width:3px;height:36px;border-radius:2px;background:var(--stat-color);flex-shrink:0}.quest-info{flex:1}.quest-title{font-size:14px;font-weight:600;color:#e8edf7;margin-bottom:3px}.quest-meta{display:flex;align-items:center;gap:8px}.quest-cat{font-size:11px;color:var(--stat-color);font-weight:600;text-transform:capitalize}.quest-xp{font-size:11px;color:#4a5878;font-family:SF Mono,monospace}.quest-diff{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.quest-diff.easy{background:#2ecc711a;color:#2ecc71}.quest-diff.medium{background:#f1c40f1a;color:#f1c40f}.quest-diff.hard{background:#ef44441a;color:#ef4444}.ob-quest-check{width:20px;height:20px;border-radius:50%;border:2px solid #1e2d47;flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.ob-quest-card.selected .ob-quest-check{background:var(--stat-color);border-color:var(--stat-color);color:#fff}.ob-selection-info{font-size:13px;color:#4a5878;margin-bottom:16px;text-align:center}.ob-selection-info span{color:#3d8ef0;font-weight:700}.ob-btn{width:100%;background:linear-gradient(135deg,#2563eb,#3d8ef0);border:none;border-radius:14px;padding:16px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #3d8ef04d;font-family:inherit;letter-spacing:.01em}.ob-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #3d8ef073}.ob-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ob-back{background:none;border:none;color:#4a5878;font-size:13px;cursor:pointer;margin-top:16px;display:block;width:100%;text-align:center;font-family:inherit;transition:color .15s}.ob-back:hover{color:#8896b3}.ob-theme-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.ob-theme-card{background:#0d1220;border:1px solid #1e2d47;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.ob-theme-card:hover{border-color:#2a3a52;transform:translateY(-1px)}.ob-theme-card.selected{border-color:#3d8ef0;background:#3d8ef00f;box-shadow:0 0 0 1px #3d8ef033}.ob-theme-preview{width:110px;height:72px;border-radius:10px;flex-shrink:0;padding:10px;display:flex;align-items:center;gap:8px;overflow:hidden}.ob-theme-light{background:#fdf9f2;border:1px solid #ddd0bb}.ob-theme-dark{background:#0d1220;border:1px solid #1e2d47}.otp-avatar{width:24px;height:24px;border-radius:6px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.otp-lines{flex:1;display:flex;flex-direction:column;gap:4px}.otp-line{height:5px;border-radius:3px}.otp-bar-row{height:4px;background:#00000014;border-radius:3px;overflow:hidden}.ob-theme-dark .otp-bar-row{background:#ffffff0f}.otp-bar-fill{height:100%;border-radius:3px}.ob-theme-info{flex:1}.ob-theme-label{font-size:14px;font-weight:700;color:#e8edf7;margin-bottom:3px}.ob-theme-sub{font-size:12px;color:#4a5878;line-height:1.4}.ob-theme-check{width:22px;height:22px;border-radius:50%;background:#3d8ef026;color:#3d8ef0;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arise-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100;overflow:hidden}.arise-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.arise-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(61,142,240,.5);width:10px;height:10px;opacity:0}.arise-ring.r1{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .1s forwards}.arise-ring.r2{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .3s forwards;border-color:#8b5cf666}.arise-ring.r3{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .5s forwards}.arise-ring.r4{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .7s forwards;border-color:#8b5cf64d}.arise-ring.r5{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .9s forwards}@keyframes ringExpand{0%{width:10px;height:10px;opacity:.9;margin:0}to{width:900px;height:900px;opacity:0;margin:-445px}}.arise-burst{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(61,142,240,.6) 0%,rgba(139,92,246,.3) 40%,transparent 70%);opacity:0;animation:burstPulse 2s ease-out .2s forwards;filter:blur(20px)}@keyframes burstPulse{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.5)}to{opacity:.3;transform:scale(2)}}.arise-rank{position:relative;z-index:2;opacity:0;display:flex;flex-direction:column;align-items:center;gap:0;animation:rankSlam .6s cubic-bezier(.34,1.56,.64,1) .8s forwards}@keyframes rankSlam{0%{opacity:0;transform:scale(2.5) translateY(-10px);filter:blur(8px)}70%{opacity:1;transform:scale(.96) translateY(2px);filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.arise-rank-badge{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#0d1220,#1a2338);border:2px solid #3d8ef0;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:#3d8ef0;box-shadow:0 0 0 1px #3d8ef04d,0 0 30px #3d8ef066,0 0 60px #3d8ef033,inset 0 0 20px #3d8ef014;letter-spacing:-.02em;margin-bottom:24px}.arise-username{font-size:32px;font-weight:900;letter-spacing:-.02em;color:#e8edf7;text-shadow:0 0 30px rgba(61,142,240,.4);opacity:0;animation:riseUp .5s ease-out 1.5s forwards;position:relative;z-index:2}.arise-tagline{font-size:15px;color:#4a5878;letter-spacing:.04em;opacity:0;animation:riseUp .5s ease-out 2s forwards;position:relative;z-index:2;margin-top:8px}@keyframes riseUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.arise-screen.fading{animation:fadeToHome .6s ease-in forwards}@keyframes fadeToHome{0%{opacity:1}to{opacity:0}}.app-layout{display:flex;min-height:100vh;background:radial-gradient(ellipse 75% 50% at 22% -5%,rgba(25,60,160,.38) 0%,transparent 100%),var(--bg)}[data-theme=light] .app-layout{background:radial-gradient(ellipse 65% 45% at 85% -5%,rgba(210,130,50,.2) 0%,transparent 100%),var(--bg)}.sidebar{width:220px;min-width:220px;height:100vh;position:sticky;top:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{padding:28px 20px 22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-kanji{font-size:22px;color:var(--accent);font-weight:900;line-height:1;text-shadow:0 0 16px rgba(61,142,240,.6)}.brand-name{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.01em}.sidebar-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;border:none;border-left:2px solid transparent;border-radius:0 10px 10px 0;margin-left:-10px;padding:10px 14px 10px 22px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;width:calc(100% + 10px)}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item:hover{color:var(--text-secondary);background:var(--elevated)}.nav-item.active{color:var(--accent);background:var(--accent-glow);border-left-color:var(--accent);font-weight:600}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-footer-info{flex:1;min-width:0}.sidebar-avatar{width:34px;height:34px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;letter-spacing:-.01em}.sidebar-username{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-rank{font-size:11px;font-weight:600;letter-spacing:.04em}.theme-toggle{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.layout-main{flex:1;overflow-y:auto;min-height:100vh;position:relative}.layout-main:before{content:"改善";position:fixed;bottom:-24px;right:32px;font-size:280px;font-weight:900;color:var(--text);opacity:.028;pointer-events:none;line-height:1;z-index:0;-webkit-user-select:none;user-select:none;letter-spacing:-.04em}[data-theme=light] .layout-main:before{opacity:.055}.home{padding:44px 48px;display:flex;flex-direction:column;gap:36px;max-width:1200px;width:100%;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-greeting{opacity:0;animation:cardIn .5s cubic-bezier(.22,1,.36,1) 0ms forwards;padding:4px 2px}.greeting-text{font-size:34px;font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:8px;line-height:1.1}.greeting-sub{font-size:15px;color:var(--text-secondary);font-weight:400}.home-card{background:var(--card);border:1px solid var(--border);border-radius:20px;opacity:0;animation:cardIn .5s cubic-bezier(.22,1,.36,1) forwards;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;z-index:1}.home-card:hover{border-color:#3d8ef033;box-shadow:0 8px 40px #0000004d,0 0 0 1px #3d8ef00f;transform:translateY(-2px)}.profile-card{animation-delay:60ms}.stats-card{animation-delay:.15s}.activity-card{animation-delay:.2s}.quests-card{animation-delay:.3s}.section-header{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:24px;letter-spacing:.01em}.profile-card{padding:40px 44px;overflow:hidden}.profile-card:before{content:"";position:absolute;top:-100px;left:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--rank-glow) 0%,transparent 60%);pointer-events:none;opacity:.9}.profile-card:after{content:"";position:absolute;bottom:-80px;right:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(61,142,240,.055) 0%,transparent 65%);pointer-events:none}.profile-kanji{position:absolute;top:-8px;right:32px;font-size:150px;font-weight:900;color:var(--text);opacity:.045;pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none;letter-spacing:-.05em}.profile-main{display:flex;align-items:center;gap:32px;margin-bottom:36px;position:relative}.profile-avatar{width:88px;height:88px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;flex-shrink:0;border:2px solid;letter-spacing:-.02em}.profile-info{flex:1;min-width:0}.profile-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.profile-name{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.02em}.rank-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.06em;border:1px solid}.profile-level{font-size:13px;color:var(--text-secondary);margin-bottom:18px}.profile-level strong{color:var(--text);font-weight:700}.profile-bars{max-width:420px}.bar-row{display:flex;flex-direction:column;gap:6px}.bar-label-row{display:flex;justify-content:space-between;align-items:center}.bar-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.bar-value{font-size:11px;font-family:SF Mono,monospace;color:var(--text-secondary)}.bar-track{height:7px;background:var(--elevated);border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.22,1,.36,1);position:relative}.bar-fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:5px;border-radius:3px;background:inherit;filter:blur(3px);opacity:.9}.profile-quick-stats{display:flex;align-items:center;padding-top:28px;border-top:1px solid var(--border);position:relative}.pqs-item{flex:1;display:flex;flex-direction:column;gap:5px;padding:0 32px}.pqs-item:first-child{padding-left:0}.pqs-item:last-child{padding-right:0}.pqs-divider{width:1px;height:38px;background:var(--border);flex-shrink:0}.pqs-value{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.pqs-label{font-size:12px;color:var(--muted)}.stats-card{padding:36px 40px}.stat-bars-list{display:flex;flex-direction:column;gap:14px}.stat-bar-row{display:flex;flex-direction:column;gap:7px;padding:8px 12px;border-radius:12px;transition:background .2s ease}.stat-bar-row:hover{background:var(--elevated)}.stat-bar-row:hover .stat-fill:after{opacity:1;filter:blur(6px)}.stat-bar-header{display:flex;align-items:center;justify-content:space-between}.stat-bar-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.stat-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stat-bar-meta{display:flex;align-items:center;gap:10px}.stat-level-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.04em}.stat-xp-text{font-size:11px;font-family:SF Mono,monospace;color:var(--muted)}.stat-track{height:6px;background:var(--elevated);border-radius:3px;overflow:visible;position:relative}.stat-fill{height:100%;border-radius:3px;transition:width 1.1s cubic-bezier(.22,1,.36,1);position:relative}.stat-fill:after{content:"";position:absolute;right:-1px;top:-3px;bottom:-3px;width:5px;border-radius:3px;background:inherit;filter:blur(4px);opacity:.85}.home-mid{display:grid;grid-template-columns:3fr 2fr;gap:36px}.activity-card{padding:36px}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.activity-total{font-size:12px;color:var(--text-secondary);font-family:SF Mono,monospace}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-block{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface);border-radius:12px;border:1px solid var(--border);animation:cardIn .35s cubic-bezier(.22,1,.36,1) both;transition:border-color .2s ease,transform .15s ease}.activity-block:hover{border-color:#3d8ef040;transform:translate(3px)}.activity-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0}.activity-info{flex:1;min-width:0}.activity-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-cat{font-size:11px;color:var(--text-secondary);margin-top:2px;text-transform:capitalize}.activity-duration{font-size:12px;font-family:SF Mono,monospace;color:var(--text-secondary);flex-shrink:0}.activity-empty{text-align:center;padding:40px 0;color:var(--muted);font-size:13px;line-height:1.7;margin-top:4px}.activity-empty strong{display:block;color:var(--text-secondary);margin-bottom:4px}.quests-card{padding:36px}.quests-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.quests-view-all{font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;padding:0;transition:opacity .15s}.quests-view-all:hover{opacity:.7}.quest-list{display:flex;flex-direction:column;gap:8px}.quest-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.quest-item:hover{border-color:#3d8ef04d;transform:translate(3px);box-shadow:0 4px 16px #00000026}.quest-item.done{opacity:.55}.quest-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;transition:all .2s ease}.quest-item.done .quest-check{background:var(--success);border-color:var(--success);color:#fff}.quest-item-bar{width:3px;height:28px;border-radius:2px;flex-shrink:0}.quest-item-info{flex:1}.quest-item-title{font-size:13px;font-weight:600;color:var(--text)}.quest-item-meta{font-size:11px;color:var(--muted);margin-top:2px;text-transform:capitalize}.quest-xp-badge{font-size:11px;font-family:SF Mono,monospace;color:var(--accent);background:var(--accent-glow);padding:2px 8px;border-radius:5px;flex-shrink:0}.skeleton{background:linear-gradient(90deg,var(--elevated) 25%,var(--border) 50%,var(--elevated) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:6px}.quests-page{padding:44px 48px;display:flex;flex-direction:column;gap:36px;max-width:900px;width:100%}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.q-card{background:var(--card);border:1px solid var(--border);border-radius:20px;opacity:0;animation:cardIn .45s cubic-bezier(.22,1,.36,1) forwards;position:relative;z-index:1}.progress-card{animation-delay:40ms}.quests-main-card{animation-delay:.11s}.side-card{animation-delay:.19s}.section-header{font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.01em}.progress-card{padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:32px}.pc-left{flex:1}.pc-title{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:5px}.pc-sub{font-size:13px;color:var(--text-secondary)}.pc-xp{color:var(--accent);font-weight:600}.pc-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:160px}.pc-pct{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.pc-track{width:160px;height:6px;background:var(--elevated);border-radius:3px;overflow:hidden}.pc-fill{height:100%;background:linear-gradient(90deg,#3d8ef0bb,#3d8ef0);border-radius:3px;transition:width .8s cubic-bezier(.22,1,.36,1);position:relative}.pc-fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:5px;border-radius:3px;background:#3d8ef0;filter:blur(3px);opacity:.9}.qc-header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px 20px;border-bottom:1px solid var(--border)}.qc-sub{font-size:12px;color:var(--muted);margin-top:3px}.quest-rows{padding:16px 28px 24px;display:flex;flex-direction:column;gap:6px}.quest-row{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .15s ease}.quest-row:hover{background:var(--elevated);border-color:var(--border);transform:translate(3px)}.quest-row.done{opacity:.45}.quest-row.done:hover{transform:none}.qr-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:transparent;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);color:transparent;font-family:inherit}.qr-check:hover{transform:scale(1.15)}.qr-check.checked{background:var(--success);border-color:var(--success);color:#fff;transform:scale(1.05)}.qr-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0}.qr-info{flex:1;min-width:0}.qr-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.qr-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:5px;text-transform:capitalize}.qr-dot{color:var(--border)}.qr-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.qr-xp{font-size:11px;font-family:SF Mono,monospace;color:var(--accent);background:var(--accent-glow);padding:3px 8px;border-radius:5px;flex-shrink:0}.qr-change{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-family:inherit;flex-shrink:0}.qr-change:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:rotate(90deg)}.sq-add{font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(61,142,240,.25);border-radius:8px;padding:7px 14px;cursor:pointer;font-family:inherit;transition:all .15s ease}.sq-add:hover{background:#3d8ef033;border-color:#3d8ef080}.sq-empty{text-align:center;padding:40px 0 32px;color:var(--muted);font-size:13px;line-height:1.7}.sq-empty strong{display:block;color:var(--text-secondary);margin-bottom:4px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-52px)}}.xp-float{position:fixed;pointer-events:none;z-index:9999;font-size:15px;font-weight:800;color:var(--accent);font-family:SF Mono,monospace;text-shadow:0 0 12px rgba(61,142,240,.6);animation:floatUp 1.3s cubic-bezier(.22,1,.36,1) forwards}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.q-skeleton{background:linear-gradient(90deg,var(--elevated) 25%,var(--border) 50%,var(--elevated) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:20px;margin-bottom:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:backdropIn .2s ease}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:560px;max-height:80vh;overflow-y:auto;padding:28px 32px;animation:modalIn .25s cubic-bezier(.22,1,.36,1)}.modal-sm{max-width:440px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}.modal-close{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}.modal-close:hover{border-color:var(--danger);color:var(--danger)}.modal-current{font-size:12px;color:var(--muted);margin-bottom:16px}.modal-quest-name{color:var(--text-secondary);font-weight:600}.modal-instruction{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.modal-textarea{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s}.modal-textarea:focus{border-color:#3d8ef080}.modal-char{font-size:12px;font-family:SF Mono,monospace;text-align:right;margin-top:8px;margin-bottom:20px;transition:color .2s}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;max-height:360px;overflow-y:auto;padding-right:4px}.bank-card{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--elevated);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;display:flex;flex-direction:column;gap:4px}.bank-card:hover{border-color:#3d8ef059;transform:translateY(-1px)}.bank-card.selected{transform:translateY(-1px)}.bank-dot{width:7px;height:7px;border-radius:50%;margin-bottom:2px}.bank-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.3}.bank-meta{font-size:11px;color:var(--muted);text-transform:capitalize}.modal-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.modal-input,.modal-select{background:var(--elevated);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s;width:100%}.modal-input:focus,.modal-select:focus{border-color:#3d8ef080}.modal-select option{background:var(--card)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-cancel{padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.modal-cancel:hover{border-color:var(--text-secondary);color:var(--text)}.modal-confirm{padding:10px 20px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.modal-confirm:hover:not(:disabled){background:#5aa3f7;box-shadow:0 4px 16px #3d8ef059}.modal-confirm:disabled{opacity:.4;cursor:not-allowed}.day-page{padding:44px 48px;max-width:1100px;width:100%;display:flex;flex-direction:column;gap:24px;position:relative}.day-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.day-title{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-.02em;line-height:1}.day-sub{font-size:13px;color:var(--muted);margin-top:4px}.day-header-stats{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 4px}.dhs-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px}.dhs-val{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1}.dhs-label{font-size:11px;color:var(--muted);font-weight:500}.dhs-div{width:1px;height:28px;background:var(--border);flex-shrink:0}.day-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.timer-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px 26px;transition:border-color .3s,box-shadow .3s}.timer-card.timer-active{border-color:rgba(var(--tc-rgb),.4);box-shadow:0 0 0 1px rgba(var(--tc-rgb),.1),inset 0 0 40px rgba(var(--tc-rgb),.04)}.timer-idle-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}.timer-input{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:600;color:var(--text);outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s;margin-bottom:12px}.timer-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.timer-input::placeholder{color:var(--muted);font-weight:400}.timer-cat-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tcp-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.tcp-btn:hover{border-color:var(--tc);color:var(--tc);background:rgba(var(--tc-rgb),.08)}.tcp-btn.selected{border-color:var(--tc);color:var(--tc);background:rgba(var(--tc-rgb),.13)}.tcp-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.timer-start-btn{width:100%;background:var(--accent);border:none;border-radius:12px;padding:13px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:all .2s;box-shadow:0 4px 16px var(--accent-glow)}.timer-start-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.timer-start-btn:disabled{opacity:.4;cursor:not-allowed}.timer-running-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.timer-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timer-cat-name{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.timer-pulse-ring{width:10px;height:10px;border-radius:50%;border:2px solid var(--tc);margin-left:auto;animation:pulseRing 1.4s ease-out infinite}@keyframes pulseRing{0%{transform:scale(1);opacity:1}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.timer-title-display{font-size:16px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.timer-clock{font-size:50px;font-weight:900;color:var(--text);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:6px}.timer-xp-preview{font-size:12px;color:var(--muted);margin-bottom:18px;font-family:SF Mono,monospace}.timer-stop-btn{width:100%;background:rgba(var(--tc-rgb),.12);border:1.5px solid rgba(var(--tc-rgb),.4);border-radius:12px;padding:13px;font-size:14px;font-weight:700;color:var(--tc);cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:all .2s}.timer-stop-btn:hover:not(:disabled){background:rgba(var(--tc-rgb),.2);border-color:var(--tc);transform:translateY(-1px)}.timer-stop-btn:disabled{opacity:.5;cursor:not-allowed}.sessions-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;max-height:360px;overflow:hidden}.sessions-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.sessions-empty{font-size:13px;color:var(--muted);line-height:1.6;text-align:center;padding:20px 0}.sessions-list{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.session-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid var(--border);cursor:pointer;border-radius:8px;transition:background .15s}.session-row:last-child{border-bottom:none}.session-row:hover{background:var(--elevated)}.session-bar{width:3px;height:34px;border-radius:2px;flex-shrink:0}.session-info{flex:1;min-width:0}.session-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:2px;font-weight:500}.session-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.session-duration{font-size:13px;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.session-xp{font-size:11px;font-weight:600;color:var(--accent);font-family:SF Mono,monospace}.day-timeline-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.tl-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.tl-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tl-section-hint{font-size:11px;color:var(--muted);opacity:.6}.tl-scroll{height:520px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.tl-scroll::-webkit-scrollbar{width:5px}.tl-scroll::-webkit-scrollbar-track{background:transparent}.tl-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tl-canvas{position:relative;width:100%}.tl-hour-row{position:absolute;left:0;right:0;display:flex;align-items:flex-start;pointer-events:none}.tl-hour-label{width:60px;padding:0 10px 0 14px;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.02em;line-height:1;flex-shrink:0;transform:translateY(-6px)}.tl-hour-line{flex:1;height:1px;background:var(--border);opacity:.5;margin-top:0}.tl-now{position:absolute;left:0;right:0;display:flex;align-items:center;pointer-events:none;z-index:4}.tl-now-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger);margin-left:55px;flex-shrink:0}.tl-now-bar{flex:1;height:1.5px;background:var(--danger);opacity:.7}.tl-blocks-col{position:absolute;top:0;right:8px;bottom:0}.tl-block{position:absolute;border-left:3px solid;border-radius:6px;cursor:grab;overflow:visible;transition:box-shadow .15s;z-index:2;min-height:18px}.tl-block:hover{box-shadow:0 2px 16px rgba(var(--bc-rgb),.35);z-index:3}.tl-block:active{cursor:grabbing}.tl-block.tl-live{animation:livePulse 2s ease-in-out infinite;cursor:default}.tl-block.tl-dragging{cursor:grabbing;opacity:.88;box-shadow:0 6px 24px rgba(var(--bc-rgb),.45);z-index:10;transition:none}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.tl-block-inner{padding:3px 8px 3px 6px;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.tl-block-title{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.tl-block-dur{font-size:10px;color:var(--muted);margin-top:1px;font-variant-numeric:tabular-nums}.tl-block-actions{position:absolute;top:4px;right:20px;display:flex;gap:4px;z-index:5}.tl-block-del{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s}.tl-block-del:hover{background:var(--danger);border-color:var(--danger);color:#fff}.tl-confirm-yes,.tl-confirm-no{padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;border:1px solid;transition:all .15s;white-space:nowrap}.tl-confirm-yes{background:var(--danger);border-color:var(--danger);color:#fff}.tl-confirm-yes:hover:not(:disabled){opacity:.85}.tl-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.tl-confirm-no{background:var(--card);border-color:var(--border);color:var(--muted)}.tl-confirm-no:hover{background:var(--elevated);color:var(--text-secondary)}.tl-drag-tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;pointer-events:none;z-index:20;box-shadow:0 4px 12px #0003}.tl-resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize;border-radius:0 0 5px 5px;z-index:3}.tl-resize-handle:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:24px;height:2px;border-radius:1px;background:var(--bc);opacity:.4}.tl-block:hover .tl-resize-handle:after{opacity:.85}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;width:380px;max-width:calc(100vw - 48px);animation:modalIn .2s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 64px #0000004d}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.em-header{font-size:16px;font-weight:800;color:var(--text);margin-bottom:20px;letter-spacing:-.01em}.em-label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.em-input{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:14px;font-weight:600;color:var(--text);outline:none;font-family:inherit;margin-bottom:18px;transition:border-color .2s,box-shadow .2s}.em-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.em-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.em-cat-btn{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;text-align:left}.em-cat-btn:hover{border-color:var(--tc);color:var(--tc);background:rgba(var(--tc-rgb),.08)}.em-cat-btn.selected{border-color:var(--tc);color:var(--tc);background:rgba(var(--tc-rgb),.12)}.em-cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.em-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:22px;font-variant-numeric:tabular-nums}.em-actions{display:flex;gap:8px}.em-delete{background:none;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .15s;margin-right:auto}.em-delete:hover{border-color:var(--danger);color:var(--danger);background:#c4341e0f}.em-cancel{background:none;border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .15s}.em-cancel:hover{background:var(--elevated);color:var(--text-secondary)}.em-save{background:var(--accent);border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 10px var(--accent-glow)}.em-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.em-save:disabled{opacity:.4;cursor:not-allowed}.em-confirm-screen{display:flex;flex-direction:column;gap:12px}.em-confirm-title{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}.em-confirm-sub{font-size:13px;color:var(--muted);line-height:1.5}.em-confirm-actions{display:flex;gap:10px;margin-top:8px;justify-content:flex-end}.em-delete-confirm{background:var(--danger);border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 10px #c4341e4d}.em-delete-confirm:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.em-delete-confirm:disabled{opacity:.5;cursor:not-allowed}.day-xp-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:900;letter-spacing:-.03em;pointer-events:none;z-index:50;animation:dayXpFloat 2.2s cubic-bezier(.22,1,.36,1) forwards;font-family:SF Mono,Fira Code,monospace}@keyframes dayXpFloat{0%{opacity:0;transform:translate(-50%,-30%)}15%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:1;transform:translate(-50%,-70%)}to{opacity:0;transform:translate(-50%,-90%)}}.skills-page{padding:44px 48px;max-width:1100px;width:100%;display:flex;flex-direction:column;gap:28px}.sk-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.sk-title{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-.02em;line-height:1}.sk-sub{font-size:13px;color:var(--muted);margin-top:4px}.sk-summary{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 4px}.sk-sum-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px}.sk-sum-val{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1}.sk-sum-label{font-size:11px;color:var(--muted);font-weight:500}.sk-sum-div{width:1px;height:28px;background:var(--border)}.sk-radar-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sk-radar-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(61,142,240,.06) 0%,transparent 70%);pointer-events:none}.sk-radar-svg{width:280px;height:280px;flex-shrink:0}.sk-radar-polygon{opacity:0;transition:opacity .6s ease}.sk-radar-polygon.visible{opacity:1}.sk-radar-dot{opacity:0;transition:opacity .3s ease,r .3s ease}.sk-radar-dot.visible{opacity:1}.sk-radar-label{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sk-radar-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.sk-radar-lvl-total{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-.03em;line-height:1}.sk-radar-lvl-label{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.04em;margin-top:2px}.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sk-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.sk-card:hover{border-color:rgba(var(--sc-rgb),.45);box-shadow:0 0 0 1px rgba(var(--sc-rgb),.12),inset 0 0 32px rgba(var(--sc-rgb),.04)}.sk-card-glow{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(var(--sc-rgb),.12) 0%,transparent 70%);pointer-events:none}.sk-card-header{display:flex;align-items:flex-start;gap:10px}.sk-card-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px}.sk-card-name-block{flex:1;min-width:0}.sk-card-name{display:block;font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1.2}.sk-card-desc{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.sk-card-level{font-size:12px;font-weight:800;padding:4px 9px;border-radius:7px;letter-spacing:.01em;flex-shrink:0;white-space:nowrap}.sk-xp-bar-wrap{display:flex;flex-direction:column;gap:6px}.sk-xp-bar-track{height:6px;background:var(--elevated);border-radius:3px;overflow:hidden}.sk-xp-bar-fill{height:100%;border-radius:3px;transition:width .9s cubic-bezier(.22,1,.36,1)}.sk-xp-labels{display:flex;justify-content:space-between;font-size:11px}.sk-xp-cur{font-weight:700;color:var(--sc);font-family:SF Mono,monospace}.sk-xp-need{color:var(--muted);font-weight:500}.sk-stat-row{display:flex;gap:6px}.sk-stat-pill{flex:1;background:var(--elevated);border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--border)}.sk-pill-val{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}.sk-pill-label{font-size:10px;color:var(--muted);font-weight:500}.sk-quests{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);padding-top:12px}.sk-quests-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.sk-quest-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}.sk-quest-row:last-of-type{border-bottom:none}.sk-quest-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.sk-quest-title{flex:1;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-quest-xp{font-size:11px;font-weight:700;color:var(--sc);font-family:SF Mono,monospace;flex-shrink:0}.sk-quests-more{font-size:11px;color:var(--muted);padding-top:4px;font-weight:500}.profile-page{padding:44px 48px;max-width:860px;width:100%;display:flex;flex-direction:column;gap:28px}.pf-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;position:relative;overflow:hidden}.pf-hero-glow{position:absolute;top:-80px;left:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--rank-glow) 0%,transparent 70%);pointer-events:none}.pf-hero-main{display:flex;align-items:flex-start;gap:28px;margin-bottom:24px;position:relative;z-index:1}.pf-avatar{width:80px;height:80px;border-radius:18px;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;flex-shrink:0;letter-spacing:-.02em;transition:box-shadow .3s ease}.pf-identity{flex:1;min-width:0}.pf-name-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pf-username{font-size:26px;font-weight:900;color:var(--text);letter-spacing:-.02em;line-height:1}.pf-edit-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;padding:4px 6px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.pf-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.pf-name-edit{display:flex;align-items:center;gap:6px}.pf-name-input{background:var(--elevated);border:1px solid var(--accent);border-radius:8px;padding:6px 12px;font-size:18px;font-weight:800;color:var(--text);outline:none;font-family:inherit;letter-spacing:-.02em;box-shadow:0 0 0 3px var(--accent-glow)}.pf-name-save,.pf-name-cancel{width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.pf-name-save{color:#2ecc71}.pf-name-cancel{color:var(--muted)}.pf-name-save:hover{background:#2ecc711a;border-color:#2ecc71}.pf-name-cancel:hover{background:var(--elevated);color:var(--text-secondary)}.pf-badges{display:flex;align-items:center;gap:8px;margin-bottom:16px}.pf-rank-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid;letter-spacing:.02em}.pf-level-badge{font-size:12px;font-weight:600;color:var(--muted);background:var(--elevated);border:1px solid var(--border);padding:4px 10px;border-radius:6px}.pf-bars{display:flex;flex-direction:column;gap:10px}.pf-bar-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px;letter-spacing:.01em}.pf-bar-track{height:6px;background:var(--elevated);border-radius:3px;overflow:hidden}.pf-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.22,1,.36,1)}.pf-quick-stats{display:flex;align-items:center;gap:0;padding-top:20px;border-top:1px solid var(--border);position:relative;z-index:1}.pf-qs-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.pf-qs-value{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1}.pf-qs-label{font-size:11px;color:var(--muted);font-weight:500}.pf-qs-div{width:1px;height:32px;background:var(--border);flex-shrink:0}.pf-section{display:flex;flex-direction:column;gap:14px}.pf-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pf-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:border-color .2s}.pf-stat-card:hover{border-color:var(--sc)}.pf-sc-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pf-sc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pf-sc-name{font-size:13px;font-weight:700;color:var(--text);flex:1}.pf-sc-level{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.02em}.pf-sc-track{height:5px;background:var(--elevated);border-radius:3px;overflow:hidden;margin-bottom:7px}.pf-sc-fill{height:100%;border-radius:3px;transition:width .9s cubic-bezier(.22,1,.36,1)}.pf-sc-xp{font-size:11px;color:var(--muted);font-family:SF Mono,Fira Code,monospace}.pf-theme-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-theme-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.pf-theme-card:hover{border-color:var(--accent);transform:translateY(-1px)}.pf-theme-card.selected{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 0 1px var(--accent-glow)}.pf-theme-preview{width:52px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:6px 8px}.pf-theme-light{background:#fdf9f2;border:1px solid #ddd0bb}.pf-theme-dark{background:#0d1220;border:1px solid #1e2d47}.pf-tp-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pf-tp-lines{flex:1;display:flex;flex-direction:column;gap:4px}.pf-theme-info{flex:1}.pf-theme-label{font-size:13px;font-weight:700;color:var(--text)}.pf-theme-sub{font-size:11px;color:var(--muted)}.pf-theme-check{width:20px;height:20px;border-radius:50%;background:var(--accent-glow);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-account-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.pf-account-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.pf-account-row:last-child{border-bottom:none}.pf-account-label{font-size:13px;font-weight:600;color:var(--muted)}.pf-account-value{font-size:13px;font-weight:600;color:var(--text-secondary)}.pf-signout{align-self:flex-start;background:none;border:1px solid var(--border);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .2s}.pf-signout:hover{border-color:var(--danger);color:var(--danger);background:#c4341e0f}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--elevated) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080c14;--surface: #0d1220;--card: #121929;--elevated: #1a2338;--border: #1e2d47;--text: #e8edf7;--text-secondary: #8896b3;--muted: #4a5878;--accent: #3d8ef0;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-glow: rgba(61, 142, 240, .15);--danger: #ef4444;--success: #2ecc71;--intel: #4A90D9;--lang: #9B59B6;--craft: #E67E22;--vitality: #2ECC71;--charisma: #E91E8C;--discipline: #F1C40F}[data-theme=light]{--bg: #f4ede0;--surface: #faf4ea;--card: #fdf9f2;--elevated: #ece4d4;--border: #ddd0bb;--text: #261608;--text-secondary: #7a6045;--muted: #a8906e;--accent: #b85c20;--accent-purple: #7c52b8;--accent-cyan: #2a8a78;--accent-glow: rgba(184, 92, 32, .13);--danger: #c4341e;--success: #3d8a52}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}