@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.text-\[var\(--text-light\)\]{color:var(--text-light)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-glow:#6366f12e;--secondary:#a855f7;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg:#edebff8c;--surface:#ffffffa6;--text:#1a1a2e;--text-light:#6b7280;--border:#ffffffc7;--shadow:0 4px 24px #6366f114;--shadow-lg:0 16px 48px #6366f124;--shadow-primary:0 4px 20px #6366f166;background:#e8e4ff}[data-theme=dark]{--bg:#22144480;--surface:#1e123a99;--text:#f0f0ff;--text-light:#9a9abc;--border:#ffffff1a;--shadow:0 4px 24px #00000052;--shadow-lg:0 16px 48px #0000007a;--primary-glow:#6366f147;background:#0e0a1c}body{color:var(--text);-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:color .3s;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(80% 60% at 10% 0,#c7d2fe,#0000 60%),radial-gradient(60% 50% at 90% 10%,#f5d0fe,#0000 55%),radial-gradient(70% 60% at 50% 100%,#bfdbfe,#0000 60%),#e8e4ff;position:fixed;inset:0}[data-theme=dark] body:before{background:radial-gradient(70% 55% at 5% 0,#2c1a72,#0000 55%),radial-gradient(55% 45% at 95% 5%,#40167e,#0000 50%),radial-gradient(60% 50% at 50% 100%,#12093c,#0000 55%),#0e0a1c}.ph-spotlight{pointer-events:none;z-index:0;background:radial-gradient(650px circle at var(--sx,-999px) var(--sy,-999px),#4f46e538,transparent 60%);position:fixed;inset:0}[data-theme=dark] .ph-spotlight{background:radial-gradient(600px circle at var(--sx,-999px) var(--sy,-999px),#8b5cf626,transparent 60%)}.ph-header{color:#fff;z-index:100;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1,#a855f7);border-bottom:1px solid #ffffff2e;padding:1rem 2rem;position:sticky;top:0;box-shadow:inset 0 1px #ffffff4d,0 4px 24px #6366f140}[data-theme=dark] .ph-header{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#201044f5,#301658f5);border-bottom:1px solid #6366f138;box-shadow:inset 0 1px #ffffff1f,0 4px 24px #00000061}.ph-header-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.ph-logo{letter-spacing:-.3px;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex}.ph-logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;display:flex;box-shadow:inset 0 1px #fff3}[data-theme=dark] .ph-logo-icon{background:linear-gradient(135deg,#6366f18c,#9333ea61);border-color:#6366f180;box-shadow:0 0 18px #6366f14d,inset 0 1px #ffffff1f}.ph-header-right{align-items:center;gap:.75rem;display:flex}.ph-theme-toggle{cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:14px;flex-shrink:0;width:52px;height:28px;transition:all .3s;position:relative}[data-theme=dark] .ph-theme-toggle{background:#ffffff1a;border-color:#ffffff2e}.ph-toggle-thumb{color:#6366f1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:transform .3s;display:flex;position:absolute;top:2px;left:2px}[data-theme=dark] .ph-toggle-thumb{transform:translate(24px)}.ph-avatar-btn{color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.ph-avatar-btn:hover{background:#ffffff59;transform:scale(1.05)}[data-theme=dark] .ph-avatar-btn{background:#6366f166;border-color:#6366f199;box-shadow:0 0 12px #6366f140}[data-theme=dark] .ph-avatar-btn:hover{background:#6366f199;box-shadow:0 0 18px #6366f166}.ph-nav{box-shadow:none;z-index:90;background:0 0;border-bottom:none;justify-content:center;padding:.75rem 1rem;display:flex;position:sticky;top:.5rem;overflow:visible}.nav-pill{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #fffc;border-radius:100px;gap:.2rem;padding:.3rem .4rem;display:flex;overflow:visible;box-shadow:inset 0 1.5px #fffffff2,inset 0 -1px #0000000a,0 6px 24px #6366f11f,0 2px 6px #0000000d}@media(max-width:768px){.nav-pill{scrollbar-width:none;max-width:calc(100vw - 2rem);overflow:auto hidden}.nav-pill::-webkit-scrollbar{display:none}}[data-theme=dark] .nav-pill{background:#201241e0;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000001f,0 6px 24px #00000052}.ph-nav-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;align-items:center;gap:.3rem;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}@media(min-width:769px){.ph-nav{padding:1rem 1rem .6rem}.nav-pill{gap:.15rem;padding:.4rem .5rem}.ph-nav-btn{gap:.4rem;padding:.65rem 1.3rem;font-size:.95rem;position:relative}.ph-nav-btn.active:before{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #6366f1cc}}.ph-nav-btn:hover:not(.active){color:var(--text);background:#fff9}[data-theme=dark] .ph-nav-btn:hover:not(.active){color:var(--text);background:#ffffff14}.ph-nav-btn.active{color:var(--primary);background:#6366f124;font-weight:600;box-shadow:inset 0 1px #fffc,0 2px 10px #6366f138}.ph-nav-btn.active svg{filter:drop-shadow(0 0 4px #6366f18c)}[data-theme=dark] .ph-nav-btn.active{color:#a5b4fc;background:#6366f138;box-shadow:inset 0 1px #ffffff1f,0 2px 12px #6366f159}[data-theme=dark] .ph-nav-btn.active svg{filter:drop-shadow(0 0 6px #6366f1b3)}.user-menu-wrap{position:relative}.ph-user-menu{-webkit-backdrop-filter:blur(20px);z-index:500;background:#ffffffe0;border:1px solid #ffffffeb;border-radius:20px;min-width:230px;animation:.15s fadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:inset 0 1px #fff,0 12px 36px #6366f124}[data-theme=dark] .ph-user-menu{-webkit-backdrop-filter:blur(20px);background:#261648f7;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 12px 36px #0000006b}.ph-menu-header{border-bottom:1px solid var(--border);padding:.9rem 1.25rem .75rem}.ph-menu-header strong{color:var(--text);margin-bottom:.1rem;font-size:1rem;display:block}.ph-menu-header span{color:var(--text-light);font-size:.8rem}.ph-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.65rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;transition:background .15s;display:flex}.ph-menu-item:hover{background:var(--bg)}[data-theme=dark] .ph-menu-item:hover{background:#ffffff0f}.ph-menu-danger{color:var(--danger)!important}.ph-menu-divider{background:var(--border);height:1px}.ph-main{max-width:1400px;margin:0 auto;padding:2rem}.card{background:#ffffffc7;border:1px solid #ffffffe0;border-radius:24px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 1.5px #fff,inset 1px 0 #fff9,0 4px 20px #6366f114,0 1px 4px #0000000a}.card:hover{box-shadow:inset 0 1.5px #fff,inset 1px 0 #fff9,0 16px 40px #6366f121,0 4px 10px #0000000d}[data-theme=dark] .card{background:#2a1a50b8;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 4px 20px #00000047}[data-theme=dark] .card:hover{box-shadow:inset 0 1px #ffffff1f,0 16px 40px #00000061}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header h2{color:var(--text);letter-spacing:-.2px;font-size:1.1rem;font-weight:600}.btn{cursor:pointer;letter-spacing:-.1px;border:none;border-radius:100px;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 16px #6366f166}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 8px 28px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text);background:#ffffffbf;border:1px solid #ffffffe0;box-shadow:inset 0 1px #fff}.btn-secondary:hover{background:#ffffffeb}[data-theme=dark] .btn-secondary{color:var(--text);background:#ffffff12;border:1px solid #ffffff1a}[data-theme=dark] .btn-secondary:hover{background:#ffffff1f}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef444433;border-radius:100px}.btn-danger:hover{background:#ef444440}.btn-small{padding:.45rem .9rem;font-size:.85rem}input,textarea,select{color:var(--text);background:#ffffffbf;border:1.5px solid #ffffffd9;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #fff}textarea{border-radius:16px}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#ffffffd1;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #6366f12e}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text);background:#ffffff0f;border:1.5px solid #ffffff1a;box-shadow:inset 0 1px #ffffff14}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary);box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f140}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#ffffff40}.sort-dropdown{position:relative}.sort-dropdown-btn{color:var(--primary);cursor:pointer;white-space:nowrap;background:#6366f114;border:1.5px solid #6366f138;border-radius:100px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.sort-dropdown-btn:hover,.sort-dropdown-btn.open{background:#6366f124;border-color:#6366f173}.sort-chevron{flex-shrink:0;transition:transform .2s}.sort-chevron.flipped{transform:rotate(180deg)}.sort-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:200;background:#fffffff0;border:1px solid #ffffffe6;border-radius:14px;min-width:140px;padding:.3rem;animation:.15s ease-out dropIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #6366f124,0 2px 8px #00000012}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sort-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .13s;display:flex}.sort-dropdown-item:hover{background:#6366f114}.sort-dropdown-item.active{color:var(--primary);font-weight:700}[data-theme=dark] .sort-dropdown-btn{color:#a5b4fc;background:#6366f11f;border-color:#6366f147}[data-theme=dark] .sort-dropdown-btn:hover,[data-theme=dark] .sort-dropdown-btn.open{background:#6366f133;border-color:#a5b4fc73}[data-theme=dark] .sort-dropdown-menu{background:#160e30f5;border-color:#ffffff1a;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d}.drag-handle{color:var(--text-light);opacity:.4;cursor:grab;flex-shrink:0;align-items:center;transition:opacity .15s;display:flex}.fin-drag-row:hover .drag-handle{opacity:.8}.fin-drag-row{cursor:default;transition:background .15s,transform .12s}.fin-drag-row.drag-over{border-top:2px solid var(--primary);background:#6366f114!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0a051966;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #ffffffe6;border-radius:28px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s slideUp;overflow-y:auto;box-shadow:inset 0 1.5px #fff,0 20px 60px #6366f129,0 4px 12px #0000000d}[data-theme=dark] .modal-box{-webkit-backdrop-filter:blur(24px);background:#261648f0;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff24,0 20px 60px #0000007a}.note-card{cursor:pointer;background:#ffffffc7;border:1px solid #ffffffe0;border-radius:18px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 1.5px #fff,0 2px 10px #6366f10f}.note-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:inset 0 1.5px #fff,0 12px 32px #6366f121}[data-theme=dark] .note-card{background:#2a1a50b3;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1a,0 2px 10px #00000038}[data-theme=dark] .note-card:hover{border-color:#6366f173;box-shadow:inset 0 1px #ffffff1a,0 12px 32px #00000052}.note-card.priority-high{border-left:4px solid var(--danger)}.note-card.priority-medium{border-left:4px solid var(--warning)}.note-card.priority-low{border-left:4px solid var(--success)}.priority-badge{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.priority-badge.high{color:var(--danger);background:#fee2e2}.priority-badge.medium{color:#d97706;background:#fef3c7}.priority-badge.low{color:var(--success);background:#dcfce7}[data-theme=dark] .priority-badge.high{color:#f87171;background:#ef444433}[data-theme=dark] .priority-badge.medium{color:#fbbf24;background:#f59e0b33}[data-theme=dark] .priority-badge.low{color:#34d399;background:#10b98133}.sync-btn{color:var(--primary);cursor:pointer;background:#ffffffbf;border:1.5px solid #6366f166;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:inset 0 1px #fff}.sync-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .sync-btn{background:#ffffff12;border-color:#6366f173;box-shadow:inset 0 1px #ffffff14}[data-theme=dark] .sync-btn:hover{background:var(--primary);color:#fff}.ph-list{border:1px solid #fff9;border-radius:16px;overflow:hidden}[data-theme=dark] .ph-list{border-color:#ffffff12}.ph-list-row{border-bottom:1px solid var(--border);background:#ffffff80;align-items:center;gap:1rem;padding:.9rem 1.25rem;transition:background .15s;display:flex}.ph-list-row:last-child{border-bottom:none}.ph-list-row:hover{background:#ffffffbf}[data-theme=dark] .ph-list-row{background:#ffffff08;border-bottom-color:#ffffff0d}[data-theme=dark] .ph-list-row:hover{background:#6366f114}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{text-align:center;background:#ffffffc7;border:1px solid #ffffffe0;border-radius:20px;padding:1.25rem;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 1.5px #fff,0 4px 16px #6366f10f}.stat-card:hover{transform:translateY(-2px);box-shadow:inset 0 1.5px #fff,0 12px 32px #6366f11a}[data-theme=dark] .stat-card{background:#2a1a50b8;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 4px 16px #00000038}.stat-value{font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-light);margin-top:.25rem;font-size:.8rem}.cal-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.cal-header-cell{text-align:center;color:var(--text-light);padding:.5rem;font-size:.85rem;font-weight:600}.cal-day{aspect-ratio:1;cursor:pointer;background:#ffffffa6;border:1px solid #ffffffd1;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:55px;padding:.3rem;font-size:.85rem;transition:all .15s;display:flex;overflow:hidden;box-shadow:inset 0 1px #fffffff2}.cal-day:hover{background:#ffffffe6;transform:translateY(-1px)}.cal-day.today{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600;box-shadow:0 2px 8px #6366f159}[data-theme=dark] .cal-day{box-shadow:none;background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .cal-day:hover{background:#6366f11a}[data-theme=dark] .cal-day.today{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#6366f180;box-shadow:0 0 16px #6366f166}.history-table{border-collapse:collapse;width:100%;font-size:.875rem}.history-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);padding:.5rem .75rem;font-size:.78rem}.history-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.6rem .75rem}.history-table tr:last-child td{border-bottom:none}.history-badge{white-space:nowrap;border-radius:20px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.history-badge.login{color:var(--success);background:#10b98126}.history-badge.password_changed{color:var(--warning);background:#f59e0b26}.history-badge.sessions_revoked{color:var(--danger);background:#ef444426}.history-badge.logout{color:var(--text-light);background:#6b728026}.chip{border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.chip-success{color:var(--success);background:#10b9811f;border:1px solid #10b98133}.chip-danger{color:var(--danger);background:#ef44441f;border:1px solid #ef444433}.chip-warning{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b33}.chip-primary{background:var(--primary-glow);color:var(--primary);border:1px solid #6366f133}.empty-state{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state svg{opacity:.3;margin-bottom:1rem}.fab{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #6366f166}.fab:hover{transform:scale(1.1);box-shadow:0 8px 28px #6366f180}.mon-service-card{background:#ffffffa6;border:1px solid #ffffffd1;border-radius:16px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}[data-theme=dark] .mon-service-card{background:#ffffff0d;border:1px solid #ffffff12}.mon-ssh-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mon-network-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.mon-network-divider{background:var(--border);width:1px;height:60px;margin:0 auto}.sort-pills{background:#ffffffa6;border:1px solid #ffffffe0;border-radius:100px;gap:.15rem;padding:.2rem;display:flex;box-shadow:inset 0 1px #ffffffe6,0 1px 4px #0000000a}[data-theme=dark] .sort-pills{box-shadow:none;background:#ffffff0f;border-color:#ffffff1a}.sort-pill-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:.3rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s}.sort-pill-btn:hover{color:var(--text)}.sort-pill-btn.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 1px 6px #0000001a,inset 0 1px #fff}[data-theme=dark] .sort-pill-btn.active{color:#a5b4fc;box-shadow:none;background:#6366f14d}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.note-draggable{cursor:grab}.note-draggable:active{cursor:grabbing}.note-drag-over{outline-offset:2px;outline:2px dashed var(--primary)!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px #6366f133!important}.search-wrapper{margin-bottom:1.25rem;position:relative}.search-wrapper input{padding-left:2.5rem}.search-icon{color:var(--text-light);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes toastIn{0%{opacity:0;transform:translate(16px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.page-enter{animation:.28s cubic-bezier(.22,1,.36,1) both pageEnter}.skeleton{background-color:#0000000f;background-image:linear-gradient(90deg,#0000,#fff9,#0000);background-repeat:no-repeat;background-size:600px 100%;border-radius:8px;animation:1.5s infinite shimmer;display:block}[data-theme=dark] .skeleton{background-color:#ffffff0d;background-image:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:.5rem;display:flex;position:fixed;bottom:5.5rem;right:1rem}@media(min-width:769px){.toast-stack{bottom:1.5rem}}.toast{-webkit-backdrop-filter:blur(20px);pointer-events:all;cursor:pointer;color:#fff;border-radius:14px;align-items:center;gap:.6rem;max-width:300px;padding:.7rem 1rem;font-size:.88rem;font-weight:500;animation:.28s cubic-bezier(.22,1,.36,1) both toastIn;display:flex;box-shadow:0 8px 28px #0000002e,inset 0 1px #ffffff40}.toast-icon{background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.toast-success{background:#10b981eb;border:1px solid #10b98166}.toast-error{background:#ef4444eb;border:1px solid #ef444466}.toast-info{background:#6366f1eb;border:1px solid #6366f166}.app-loading{background:#e8e4ff;justify-content:center;align-items:center;min-height:100vh;display:flex}[data-theme=dark] .app-loading{background:#0e0a1c}.app-spinner{border:3px solid #6366f140;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#6366f18c}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-orb{pointer-events:none;will-change:transform;z-index:0;filter:blur(72px);border-radius:50%;position:fixed}.login-orb-1{background:#f472b638;width:480px;height:480px;top:-140px;left:-140px}.login-orb-2{background:#22d3ee2e;width:400px;height:400px;bottom:-120px;right:-120px}[data-theme=dark] .login-orb-1{background:#f472b64d}[data-theme=dark] .login-orb-2{background:#22d3ee40}.login-box{-webkit-backdrop-filter:blur(30px);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:28px;width:100%;max-width:400px;padding:2.5rem;box-shadow:inset 0 1.5px #fff,0 24px 64px #6366f124,0 4px 12px #0000000d}[data-theme=dark] .login-box{background:#261648eb;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff24,0 24px 64px #0000007a}.login-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.login-input-wrap{position:relative}.login-input-wrap input{padding-left:2.75rem}.login-input-wrap input:has(~.pw-toggle){padding-right:2.75rem}.login-input-icon{width:18px;height:18px;color:var(--text-light);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.login-input-icon svg{width:18px;height:18px}.pw-toggle{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;align-items:center;width:auto;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.pw-toggle:hover{color:var(--primary)}.pw-toggle svg{width:18px;height:18px;display:block}.login-error{color:var(--danger);background:#ef44441f;border:1px solid #ef444440;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.upload-progress-wrap{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-bottom:1.25rem;padding:1rem 1.1rem}.upload-progress-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:.875rem;font-weight:600;overflow:hidden}.upload-progress-count{color:var(--text-light);font-weight:500}.upload-progress-meta{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.8rem}.upload-progress-track{background:#6366f11f;border-radius:100px;height:8px;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:100px;height:100%;transition:width .2s ease-out;box-shadow:0 0 8px #6366f166}.upload-banner{bottom:calc(80px + env(safe-area-inset-bottom));z-index:200;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:.75rem;width:calc(100vw - 3rem);min-width:300px;max-width:480px;padding:.65rem 1rem;animation:.25s cubic-bezier(.34,1.56,.64,1) bannerIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e,0 0 0 1px #6366f11f}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.upload-banner-icon{color:var(--primary);opacity:.85;flex-shrink:0}.upload-banner-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.upload-banner-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.upload-banner-meta{color:var(--text-light);font-size:.76rem}.upload-banner-bar-wrap{background:#6366f11f;border-radius:100px;height:4px;margin-top:.1rem;overflow:hidden}.upload-banner-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:100px;height:100%;transition:width .2s ease-out}.upload-banner-pct{color:var(--primary);text-align:right;flex-shrink:0;min-width:30px;font-size:.78rem;font-weight:700}.upload-banner-abort{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:.3rem;transition:color .15s,background .15s;display:flex}.upload-banner-abort:hover{color:var(--danger);background:#ef44441a}@media(max-width:768px){.ph-header{padding:max(.65rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left))}.ph-logo{gap:.5rem;font-size:1.05rem}.ph-logo-icon{width:28px;height:28px}.ph-header-right{gap:.4rem}.ph-nav{z-index:200;-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border-top:1px solid #ffffffd9;justify-content:stretch;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #0000000f,0 -4px 24px #6366f114;top:auto!important}[data-theme=dark] .ph-nav{background:#0e071ef0;border-top-color:#ffffff12;box-shadow:0 -1px #ffffff0d,0 -4px 24px #0006}.nav-pill{padding:.35rem max(.5rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));justify-content:space-around;gap:0;width:100%;max-width:100%;overflow:hidden;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.nav-pill>div{flex:1;justify-content:center;display:flex;transition:none!important;transform:none!important}.ph-nav-btn{width:100%;color:var(--text-light);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:.5rem .25rem}.ph-nav-btn svg{width:24px;height:24px}.nav-label{display:none}.ph-nav-btn:hover:not(.active){background:0 0}.ph-nav-btn.active{color:var(--primary);box-shadow:none;background:0 0;font-weight:700}.ph-nav-btn.active svg{filter:drop-shadow(0 0 6px #6366f180)}.ph-root{flex-direction:column;min-height:100dvh;display:flex}.ph-main{padding:.75rem max(.75rem,env(safe-area-inset-right)) max(5.5rem,calc(4.5rem + env(safe-area-inset-bottom))) max(.75rem,env(safe-area-inset-left));flex:1}.card{border-radius:18px;padding:.875rem}.card-header{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.notes-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cal-grid{gap:.2rem}.cal-header-cell{padding:.25rem .1rem;font-size:.7rem}.cal-day{min-height:40px;padding:.15rem .1rem;font-size:.78rem}.mon-ssh-grid,.mon-network-grid{grid-template-columns:1fr}.mon-network-divider{display:none}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:24px 24px 0 0;max-height:92vh}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations")}:root{--ds-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: clamp(1.05rem, 1rem + .25vw, 1.2rem);--ds-text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.55rem);--ds-text-2xl: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem);--ds-text-3xl: clamp(2rem, 1.4rem + 2.4vw, 3.2rem);--ds-text-hero: clamp(2.4rem, 1.4rem + 4.4vw, 5rem);--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.5rem;--ds-space-6: 2rem;--ds-space-8: 3rem;--ds-space-10: 4rem;--ds-space-12: 6rem;--ds-space-section: clamp(4rem, 3rem + 6vw, 9rem);--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-xl: 20px;--ds-radius-pill: 999px;--ds-ease-out: cubic-bezier(.16, 1, .3, 1);--ds-ease-spring: cubic-bezier(.22, 1, .36, 1);--ds-dur-fast: .15s;--ds-dur-base: .28s;--ds-dur-slow: .6s;--ds-z-base: 1;--ds-z-sticky: 100;--ds-z-overlay: 500;--ds-z-modal: 1000;--ds-z-toast: 2000;--ds-container: 1240px;--ds-gutter: clamp(1rem, 4vw, 2rem)}:root,[data-app=hub]{--ds-accent: #4a6fc2;--ds-accent-dark: #86a3e6;--ds-accent-light: #3a5ca6;--ds-on-accent: #fff}[data-app=msg]{--ds-accent: #4a6fc2;--ds-accent-dark: #86a3e6;--ds-accent-light: #3a5ca6;--ds-on-accent: #fff}[data-app=games]{--ds-accent: #b04d68;--ds-accent-dark: #e08aa0;--ds-accent-light: #96405a;--ds-on-accent: #fff}[data-app=shop]{--ds-accent: #2b7f68;--ds-accent-dark: #66c4a6;--ds-accent-light: #247058;--ds-on-accent: #fff}[data-app=sport]{--ds-accent: #a3c43a;--ds-accent-dark: #b8d85a;--ds-accent-light: #5f7a12;--ds-on-accent: #11160a}[data-app=travel]{--ds-accent: #b25c2d;--ds-accent-dark: #e39a6e;--ds-accent-light: #9a4d22;--ds-on-accent: #fff}[data-app=arch]{--ds-accent: #1e5a96;--ds-accent-dark: #7fb0e0;--ds-accent-light: #1e5a96;--ds-on-accent: #fff}:root{--ds-accent-2: var(--ds-accent);--ds-accent-3: var(--ds-accent)}:root,[data-theme=dark]{color-scheme:dark;--ds-bg: #0e1013;--ds-bg-raised: #14171c;--ds-surface: #15181d;--ds-surface-2: #1b1f25;--ds-surface-solid: #171a20;--ds-border: rgba(255,255,255,.08);--ds-border-strong: rgba(255,255,255,.15);--ds-text: #e8eaee;--ds-text-muted:#a0a6b2;--ds-text-faint:#7b8190;--ds-accent-text: var(--ds-accent-dark);--ds-success:#4cc49a;--ds-warning:#e0b04a;--ds-danger:#e8776f;--ds-info:#7aa5e8;--ds-shadow-sm: 0 1px 2px rgba(0,0,0,.35);--ds-shadow-md: 0 4px 16px rgba(0,0,0,.28);--ds-shadow-lg: 0 16px 40px rgba(0,0,0,.4);--ds-glow: 0 0 0 3px color-mix(in srgb, var(--ds-accent) 28%, transparent);--ds-aurora-a: color-mix(in srgb, var(--ds-accent) 10%, transparent);--ds-aurora-b: transparent;--ds-aurora-c: transparent}[data-theme=light]{color-scheme:light;--ds-bg: #f6f6f4;--ds-bg-raised: #ffffff;--ds-surface: #ffffff;--ds-surface-2: #f1f1ee;--ds-surface-solid: #ffffff;--ds-border: rgba(15,20,30,.09);--ds-border-strong: rgba(15,20,30,.18);--ds-text: #1a1d23;--ds-text-muted:#555b66;--ds-text-faint:#636a77;--ds-accent-text: var(--ds-accent-light);--ds-success:#1f7a5c;--ds-warning:#92600a;--ds-danger:#c0392b;--ds-info:#2c5cb0;--ds-shadow-sm: 0 1px 2px rgba(20,25,40,.06);--ds-shadow-md: 0 2px 10px rgba(20,25,40,.07);--ds-shadow-lg: 0 12px 32px rgba(20,25,40,.12);--ds-glow: 0 0 0 3px color-mix(in srgb, var(--ds-accent) 22%, transparent);--ds-aurora-a: color-mix(in srgb, var(--ds-accent) 7%, transparent);--ds-aurora-b: transparent;--ds-aurora-c: transparent}.ds-root,.ds-root *,.ds-root *:before,.ds-root *:after{box-sizing:border-box}.ds-root{font-family:var(--ds-font-sans);color:var(--ds-text);background:var(--ds-bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ds-display{font-family:var(--ds-font-display);letter-spacing:-.028em;line-height:1.08;font-weight:600}.ds-eyebrow{font-size:var(--ds-text-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ds-accent-text)}.ds-muted{color:var(--ds-text-muted)}.ds-gradient-text{color:var(--ds-accent-text)}.ds-container{width:min(100% - 2 * var(--ds-gutter),var(--ds-container));margin-inline:auto}.ds-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ds-root :focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px;border-radius:6px}.ds-skip-link{position:absolute;left:-9999px;top:8px;z-index:var(--ds-z-toast);background:var(--ds-accent);color:var(--ds-on-accent);padding:.5rem 1rem;border-radius:var(--ds-radius-md)}.ds-skip-link:focus{left:8px}.ds-aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--ds-bg);pointer-events:none}.ds-aurora:before{content:"";position:absolute;inset:0;background:radial-gradient(70vmax 46vmax at 50% -12%,var(--ds-aurora-a),transparent 70%)}.ds-aurora:after,.ds-aurora>i{display:none}.ds-grain{display:none}.ds-glass{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md)}.ds-card{position:relative;padding:var(--ds-space-5);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);transition:transform var(--ds-dur-base) var(--ds-ease-out),border-color var(--ds-dur-base),box-shadow var(--ds-dur-base)}.ds-card--link{display:block;color:inherit;text-decoration:none;cursor:pointer}.ds-card--link:hover,.ds-card--link:focus-visible{transform:translateY(-2px);border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-lg)}.ds-btn{--_h: 44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--_h);padding:0 1.25rem;border-radius:var(--ds-radius-pill);border:1px solid transparent;font:600 var(--ds-text-sm)/1 var(--ds-font-sans);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--ds-dur-fast),box-shadow var(--ds-dur-base),background var(--ds-dur-base),border-color var(--ds-dur-base)}.ds-btn:active{transform:scale(.97)}.ds-btn[disabled],.ds-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ds-btn--primary{color:var(--ds-on-accent);background:var(--ds-accent);box-shadow:var(--ds-shadow-sm)}.ds-btn--primary:hover{background:color-mix(in srgb,var(--ds-accent) 88%,#fff);box-shadow:var(--ds-glow)}.ds-btn--ghost{color:var(--ds-text);background:var(--ds-surface);border-color:var(--ds-border-strong)}.ds-btn--ghost:hover{background:var(--ds-surface-2);border-color:var(--ds-accent)}.ds-btn--danger{color:#fff;background:var(--ds-danger)}.ds-btn--sm{--_h: 34px;padding:0 .9rem}.ds-btn--lg{--_h: 54px;padding:0 1.75rem;font-size:var(--ds-text-base)}.ds-btn--icon{padding:0;width:var(--_h)}.ds-input{width:100%;min-height:46px;padding:0 1rem;color:var(--ds-text);font:500 var(--ds-text-base)/1.2 var(--ds-font-sans);background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);transition:border-color var(--ds-dur-base),box-shadow var(--ds-dur-base),background var(--ds-dur-base)}.ds-input::placeholder{color:var(--ds-text-faint)}.ds-input:focus{outline:none;border-color:var(--ds-accent);box-shadow:var(--ds-glow);background:var(--ds-surface-2)}.ds-label{display:block;margin-bottom:.4rem;font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-text-muted)}.ds-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:var(--ds-radius-pill);font-size:var(--ds-text-xs);font-weight:600;color:var(--ds-text-muted);background:var(--ds-surface);border:1px solid var(--ds-border)}.ds-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--ds-radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.04em}.ds-badge--success{color:var(--ds-success);background:color-mix(in srgb,var(--ds-success) 16%,transparent)}.ds-badge--warning{color:var(--ds-warning);background:color-mix(in srgb,var(--ds-warning) 16%,transparent)}.ds-badge--danger{color:var(--ds-danger);background:color-mix(in srgb,var(--ds-danger) 16%,transparent)}.ds-badge--info{color:var(--ds-info);background:color-mix(in srgb,var(--ds-info) 16%,transparent)}.ds-dot{width:8px;height:8px;border-radius:50%;background:var(--ds-success);box-shadow:0 0 color-mix(in srgb,var(--ds-success) 60%,transparent);animation:ds-pulse 2.4s infinite}.ds-dot--off{background:var(--ds-danger);animation:none}@keyframes ds-pulse{70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.ds-skeleton{border-radius:var(--ds-radius-md);background:linear-gradient(100deg,var(--ds-surface) 30%,var(--ds-surface-2) 50%,var(--ds-surface) 70%);background-size:200% 100%;animation:ds-shimmer 1.4s linear infinite}@keyframes ds-shimmer{to{background-position:-200% 0}}.ds-reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity var(--ds-dur-slow) var(--ds-ease-out),transform var(--ds-dur-slow) var(--ds-ease-out);transition-delay:calc(var(--i, 0) * 50ms)}.ds-reveal.is-in{opacity:1;transform:none}.ds-float{animation:ds-float 10s ease-in-out infinite}@keyframes ds-float{50%{transform:translate3d(0,-6px,0)}}.ds-marquee{display:flex;width:max-content;animation:ds-marquee 40s linear infinite}@keyframes ds-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ds-root *,.ds-root *:before,.ds-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ds-reveal{opacity:1;transform:none}}@media(scripting:none){.ds-reveal{opacity:1;transform:none}}html[data-theme],html:not([data-theme]){--primary: var(--ds-accent);--primary-dark: color-mix(in srgb, var(--ds-accent) 78%, #000);--primary-glow: color-mix(in srgb, var(--ds-accent) 28%, transparent);--secondary: var(--ds-accent-2);--success: var(--ds-success);--danger: var(--ds-danger);--warning: var(--ds-warning);--bg: transparent;--surface: var(--ds-surface);--text: var(--ds-text);--text-light: var(--ds-text-muted);--border: var(--ds-border);--shadow: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-primary: var(--ds-shadow-sm);background:var(--ds-bg)}body.ds-shell{font-family:var(--ds-font-sans);background:transparent;color:var(--ds-text)}html[data-theme] body.ds-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70vmax 46vmax at 50% -12%,var(--ds-aurora-a),transparent 70%),var(--ds-bg)}h1,h2,h3{font-family:var(--ds-font-display);letter-spacing:-.02em}:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}html[data-theme] .card,html[data-theme] .stat-card,html[data-theme] .login-box,html[data-theme] .modal-box{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md)}html[data-theme] .login-box{border-radius:var(--ds-radius-xl);border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-lg)}html[data-theme] .modal-box{background:var(--ds-surface-solid);border-color:var(--ds-border-strong);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}html[data-theme] .modal-overlay{background:#05050c99}html[data-theme] .login-orb{display:none}html[data-theme] .login-wrap{background:transparent}html[data-theme] .btn-primary{background:var(--ds-accent);color:var(--ds-on-accent);box-shadow:var(--ds-shadow-sm)}html[data-theme] .btn-primary:hover{background:color-mix(in srgb,var(--ds-accent) 88%,#fff)}html[data-theme] .btn-secondary{background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border-strong)}html[data-theme] .btn-secondary:hover{background:var(--ds-surface-2);border-color:var(--ds-accent)}html[data-theme] .btn-danger{background:var(--ds-danger);color:#fff}html[data-theme] input,html[data-theme] textarea,html[data-theme] select{background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md)}html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--ds-text-faint)}html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{background:var(--ds-surface-2);border-color:var(--ds-accent);box-shadow:var(--ds-glow);outline:none}html[data-theme] .ph-header,html[data-theme] .app-header{background:var(--ds-bg);color:var(--ds-text);border-bottom:1px solid var(--ds-border);box-shadow:none}html[data-theme] .ph-theme-toggle{background:var(--ds-surface-2);border:1px solid var(--ds-border-strong)}html[data-theme] .ph-toggle-thumb{background:var(--ds-accent);color:var(--ds-on-accent)}html[data-theme] .ph-avatar-btn{background:var(--ds-accent);border:none;color:var(--ds-on-accent)}html[data-theme] .nav-pill{background:var(--ds-surface);border:1px solid var(--ds-border-strong);box-shadow:var(--ds-shadow-md)}html[data-theme] .ph-nav-btn{color:var(--ds-text-muted)}html[data-theme] .ph-nav-btn.active{color:var(--ds-text);background:color-mix(in srgb,var(--ds-accent) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-accent) 32%,transparent)}html[data-theme] .ph-nav-btn.active svg{color:var(--ds-accent-text);filter:none}html[data-theme] .ph-card{background:var(--ds-surface);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}html[data-theme] .ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border-strong);background:var(--ds-surface);color:var(--ds-text);font:600 .9rem/1 var(--ds-font-sans);cursor:pointer;transition:transform .15s,box-shadow .28s,border-color .28s}html[data-theme] .ph-btn:hover{border-color:var(--ds-accent)}html[data-theme] .ph-btn:active{transform:scale(.97)}html[data-theme] .ph-btn[disabled]{opacity:.5;cursor:not-allowed}html[data-theme] .ph-btn-primary{border-color:transparent;background:var(--ds-accent);color:var(--ds-on-accent);box-shadow:var(--ds-shadow-sm)}html[data-theme] .ph-btn-primary:hover{background:color-mix(in srgb,var(--ds-accent) 88%,#fff);border-color:transparent}html[data-theme] .ph-input{width:100%;min-height:46px;padding:0 1rem}html[data-theme] [style*="color: var(--primary)"]:not([style*=background]){color:var(--ds-accent-text)!important}html[data-theme] .leaderboard-wins,html[data-theme] .chip-primary,html[data-theme] .sync-btn:not(:hover){color:var(--ds-accent-text)}html[data-theme=light] .priority-badge.high{color:#b42318}html[data-theme] .msg-avatar,html[data-theme] .msg-avatar-sm{box-shadow:inset 0 0 0 100px #00000042}html[data-theme] .game-card-badge,html[data-theme] .sort-dropdown-btn{color:var(--ds-accent-text)}html[data-theme=light] .priority-badge.medium{color:#92400e}html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-theme] .modal-overlay{background:#08090c9e}