:root{font-size:10px;--bgh: 240;--bgs: 8%;--bgl: 8.5%;--cm: 1;--tsm: 1;--bg: hsl(var(--bgh) var(--bgs) var(--bgl));--bg-subtle: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 1.5%));--bg-widget: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 2.5%) / 75%);--bg-elevated: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 5.5%) / 85%);--bg-hover: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 7.5%) / 65%);--border: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 6%) / 70%);--border-light: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 16%) / 30%);--border-soft: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 4%) / 60%);--separator: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 5%) / 55%);--shadow-depth: hsl(var(--bgh) var(--bgs) calc(var(--bgl) - 1.5%));--card-shadow: 0 8px 32px -4px rgba(0, 0, 0, .5), 0 2px 8px -1px rgba(0, 0, 0, .35);--card-shadow-hover: 0 20px 48px -6px rgba(0, 0, 0, .7), 0 0 0 1px color-mix(in srgb, var(--primary) 32%, transparent);--card-top-highlight: inset 0 1px 0 0 hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 22%) / 30%);--text-high: hsl(var(--bgh) calc(var(--bgs) * var(--tsm)) calc(95% * var(--cm)));--text-para: hsl(var(--bgh) calc(var(--bgs) * var(--tsm)) calc(80% * var(--cm)));--text: hsl(var(--bgh) calc(var(--bgs) * var(--tsm)) calc(65% * var(--cm)));--muted: hsl(var(--bgh) calc(var(--bgs) * var(--tsm)) calc(50% * var(--cm)));--soft: var(--text-para);--subdue: hsl(var(--bgh) calc(var(--bgs) * var(--tsm)) calc(36% * var(--cm)));--primary: hsl(43 68% 74%);--ok: var(--primary);--idle: hsl(var(--bgh) 6% 40%);--warn: hsl(38 85% 62%);--danger: hsl(352 82% 68%);--positive: hsl(152 64% 54%);--negative: hsl(350 80% 66%);--radius-sm: 6px;--radius: 11px;--radius-lg: 16px;--widget-gap: 22px;--widget-pad-y: 16px;--widget-pad-x: 18px;--pad: var(--widget-pad-y) var(--widget-pad-x);--gap: var(--widget-gap);--content-pad: 24px;--page-max: 1560px;--flip-bg-top: linear-gradient(180deg, hsl(var(--bgh) calc(var(--bgs) + 2%) calc(var(--bgl) + 8%) / 95%) 0%, hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 4%) / 95%) 100%);--flip-bg-bottom: linear-gradient(180deg, hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 4%) / 95%) 0%, hsl(var(--bgh) calc(var(--bgs) + 2%) calc(var(--bgl) + 1.5%) / 95%) 100%);--flip-text: var(--text-high);--flip-border: hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 14%) / 60%);--flip-shadow: 0 8px 20px -2px rgba(0, 0, 0, .55), 0 2px 6px -1px rgba(0, 0, 0, .4);--flip-crease-dark: rgba(0, 0, 0, .7);--flip-crease-light: rgba(255, 255, 255, .12);--font-display: "Syne", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", "Songti SC", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Consolas", ui-monospace, monospace;--font: var(--font-sans);--mono: var(--font-mono);--fs-h1: 1.8rem;--fs-h2: 1.6rem;--fs-h3: 1.5rem;--fs-h4: 1.35rem;--fs-base: 1.35rem;--fs-h5: 1.25rem;--fs-h6: 1.15rem;color-scheme:dark;font-family:var(--font);font-variant-ligatures:normal;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[data-theme-mode=light]{--flip-bg-top: linear-gradient(180deg, #ffffff 0%, #faf6ee 100%);--flip-bg-bottom: linear-gradient(180deg, #f7f2e8 0%, #ede5d6 100%);--flip-text: var(--text-high);--flip-border: rgba(0, 0, 0, .12);--flip-shadow: 0 6px 16px -2px rgba(60, 40, 20, .14), 0 2px 4px rgba(0, 0, 0, .05);--flip-crease-dark: rgba(0, 0, 0, .35);--flip-crease-light: rgba(255, 255, 255, .9)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);overflow-x:hidden}body{font-size:var(--fs-base);line-height:1.55;overflow-y:scroll}#ambient-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.9}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none;overflow-wrap:break-word}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer}ul{list-style:none;margin:0;padding:0}img,svg{display:block;max-width:100%}::selection{background:color-mix(in srgb,var(--primary) 35%,transparent);color:var(--text-high)}::-webkit-scrollbar{background:transparent;width:6px;height:6px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--subdue) 60%,transparent);border-radius:999px;border:1px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}html{scrollbar-color:var(--subdue) transparent}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}#app{position:relative;z-index:1;min-height:100vh}.page{max-width:var(--page-max);width:100%;margin:0 auto;padding:20px var(--content-pad) 56px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;height:5.2rem;margin-bottom:2.4rem;min-height:0}.brand{display:flex;align-items:center;gap:0;min-width:0;height:100%;cursor:default}.brand h1{margin:0;font-family:var(--font-display);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text-high);line-height:1;flex-shrink:0;display:flex;align-items:center;gap:.9rem;-webkit-user-select:none;user-select:none}.brand h1 span{background:linear-gradient(135deg,var(--text-high) 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand h1:has(+.sub){padding-right:var(--widget-pad-x);border-right:1px solid var(--border)}.brand .sub{color:var(--subdue);font-size:var(--fs-h5);font-weight:500;margin-left:var(--widget-pad-x);letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono)}.brand-logo{flex-shrink:0;border-radius:8px;filter:drop-shadow(0 3px 12px color-mix(in srgb,var(--primary) 45%,transparent));transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease}.brand:hover .brand-logo{transform:rotate(45deg) scale(1.1);filter:drop-shadow(0 4px 16px color-mix(in srgb,var(--primary) 70%,transparent))}.spotlight-trigger{display:flex;align-items:center;gap:.85rem;background:var(--bg-widget);border:1px solid var(--border);border-radius:999px;padding:.55rem 1.3rem;color:var(--muted);font-size:var(--fs-h5);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:var(--card-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.spotlight-trigger:hover{color:var(--text-high);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--bg-elevated);transform:translateY(-1.5px);box-shadow:var(--card-shadow-hover),0 0 16px color-mix(in srgb,var(--primary) 20%,transparent)}.spotlight-trigger .icon{opacity:.85;display:flex;align-items:center}.spotlight-kbd{font-family:var(--mono);font-size:1.1rem;padding:.15rem .55rem;background:color-mix(in srgb,var(--bg-hover) 80%,white 6%);border:1px solid var(--border);border-radius:4px;color:var(--soft)}.top-actions{display:flex;align-items:center;gap:1.2rem;color:var(--muted);font-size:var(--fs-h5);height:100%}.columns{display:flex;gap:var(--widget-gap);align-items:flex-start;perspective:1400px}.column{display:flex;flex-direction:column;gap:var(--widget-gap);min-width:0;transform-style:preserve-3d}.column-small{width:320px;flex-shrink:0}.column-full{flex:1 1 0;width:100%;min-width:0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.column-small:first-child .widget:nth-child(1){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .04s both}.column-small:first-child .widget:nth-child(2){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .1s both}.column-small:first-child .widget:nth-child(3){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .16s both}.column-full .widget:nth-child(1){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .07s both}.column-full .widget:nth-child(2){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .14s both}.column-small:last-child .widget:nth-child(1){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .08s both}.column-small:last-child .widget:nth-child(2){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .14s both}.column-small:last-child .widget:nth-child(3){animation:cardFadeIn .45s cubic-bezier(.16,1,.3,1) .2s both}.widget{display:flex;flex-direction:column;min-width:0;background:transparent;border:0;padding:0;transform-style:preserve-3d}.widget-title{margin:0 0 .85rem;padding:0 calc(var(--widget-pad-x) + 2px);font-size:var(--fs-h5);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);line-height:1.3;display:flex;align-items:center;justify-content:space-between}.widget-body{background:var(--bg-widget);border:1px solid var(--border);border-top:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--card-shadow),var(--card-top-highlight);padding:var(--pad);min-width:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;will-change:transform;transform:perspective(1000px) rotateX(0) rotateY(0);transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.widget-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle 90px at var(--mouse-x, -500px) var(--mouse-y, -500px),color-mix(in srgb,var(--primary) 6%,rgba(255,255,255,.04)),transparent 70%);pointer-events:none;opacity:0;transition:opacity .35s ease;z-index:1}.widget-body:hover:before{opacity:1}.widget-body:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--radius) + 1px);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 25%,transparent) 0%,transparent 50%,color-mix(in srgb,var(--positive) 15%,transparent) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}.widget-body:hover:after{opacity:1}.widget-body:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));box-shadow:var(--card-shadow-hover),var(--card-top-highlight)}.clock-display-wrap{display:flex;flex-direction:column;gap:.8rem}.clock-flip-wrap{display:flex;align-items:flex-end;gap:.6rem;margin:.2rem 0;-webkit-user-select:none;user-select:none}.flip-unit{position:relative;perspective:600px;transform-style:preserve-3d}.flip-card{position:relative;width:82px;height:58px;border-radius:var(--radius-sm);box-shadow:var(--flip-shadow);transform-style:preserve-3d}.flip-unit-sec .flip-card{width:48px;height:42px;margin-bottom:2px}.flip-half{position:absolute;left:0;right:0;overflow:hidden;box-sizing:border-box}.flip-half.flip-top{top:0;height:29px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid var(--flip-border);border-bottom:0;background:var(--flip-bg-top);box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #00000040}.flip-half.flip-bottom{bottom:0;height:29px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border:1px solid var(--flip-border);border-top:0;background:var(--flip-bg-bottom);box-shadow:inset 0 2px 4px #00000059,inset 0 -1px #ffffff0d}.flip-unit-sec .flip-half.flip-top,.flip-unit-sec .flip-half.flip-bottom{height:21px}.flip-divider{position:absolute;top:28.5px;left:0;right:0;height:1px;background:var(--flip-crease-dark);box-shadow:0 1px 0 var(--flip-crease-light);z-index:10;pointer-events:none}.flip-unit-sec .flip-divider{top:20.5px}.flip-hinge{position:absolute;top:25px;width:4px;height:8px;background:color-mix(in srgb,var(--primary) 35%,var(--flip-border));border-radius:1px;box-shadow:0 1px 3px #00000080;z-index:15}.flip-hinge-left{left:-2px}.flip-hinge-right{right:-2px}.flip-unit-sec .flip-hinge{top:17px;height:7px;width:3px}.flip-unit-sec .flip-hinge-left{left:-1.5px}.flip-unit-sec .flip-hinge-right{right:-1.5px}.flip-num{position:absolute;left:0;right:0;height:58px;line-height:58px;text-align:center;font-family:var(--font-mono);font-size:3.4rem;font-weight:700;color:var(--flip-text);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.flip-half.flip-top .flip-num{top:0}.flip-half.flip-bottom .flip-num{top:-29px}.flip-unit-sec .flip-num{height:42px;line-height:42px;font-size:2.2rem;font-family:var(--font-mono);color:var(--primary);font-weight:600}.flip-unit-sec .flip-half.flip-bottom .flip-num{top:-21px}.flip-flap{position:absolute;left:0;right:0;overflow:hidden;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:6}.flip-flap.flip-flap-top{top:0;height:29px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid var(--flip-border);border-bottom:0;background:var(--flip-bg-top);transform-origin:bottom center;box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #00000040}.flip-flap.flip-flap-top .flip-num{top:0}.flip-flap.flip-flap-bottom{bottom:0;height:29px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border:1px solid var(--flip-border);border-top:0;background:var(--flip-bg-bottom);transform-origin:top center;transform:rotateX(90deg);box-shadow:inset 0 2px 4px #00000059,inset 0 -1px #ffffff0d}.flip-flap.flip-flap-bottom .flip-num{top:-29px}.flip-unit-sec .flip-flap.flip-flap-top,.flip-unit-sec .flip-flap.flip-flap-bottom{height:21px}.flip-unit-sec .flip-flap.flip-flap-bottom .flip-num{top:-21px}.flip-unit.flipping .flip-flap-top{animation:flipCardTop .32s cubic-bezier(.37,0,.63,1) forwards}.flip-unit.flipping .flip-flap-bottom{animation:flipCardBottom .32s cubic-bezier(.16,1,.3,1) .16s forwards}.flip-unit-sec.flipping .flip-flap-top{animation:flipCardTop .22s cubic-bezier(.37,0,.63,1) forwards}.flip-unit-sec.flipping .flip-flap-bottom{animation:flipCardBottom .22s cubic-bezier(.16,1,.3,1) .11s forwards}@keyframes flipCardTop{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.65)}}@keyframes flipCardBottom{0%{transform:rotateX(90deg);filter:brightness(1.25)}to{transform:rotateX(0);filter:brightness(1)}}.flip-colon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;height:58px;width:10px;flex-shrink:0}.flip-colon-dot{width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px color-mix(in srgb,var(--primary) 60%,transparent);animation:colonPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes colonPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.clock-date{color:var(--muted);font-size:var(--fs-h5);font-weight:400;letter-spacing:.02em}.year-progress-wrap{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--separator)}.year-progress-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-h6);color:var(--subdue);margin-bottom:.55rem;font-family:var(--mono)}.year-progress-info span{color:var(--soft);font-weight:500}.year-progress-track{width:100%;height:4px;background:var(--bg-hover);border-radius:999px;overflow:hidden;position:relative}.year-progress-bar{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 65%,transparent),var(--primary));border-radius:999px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 50%,transparent)}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;color:var(--soft);font-size:var(--fs-h5);font-weight:500}.cal-title-wrap{display:flex;align-items:center;gap:.6rem}.cal-nav{display:flex;align-items:center;gap:.25rem}.cal-nav-btn{width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:all .15s ease}.cal-nav-btn:hover{background:var(--bg-elevated);color:var(--text-high)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.cal-dow{color:var(--subdue);font-size:var(--fs-h6);padding:.3rem 0 .5rem;font-weight:500;text-transform:uppercase}.cal-day{padding:.45rem 0;display:grid;place-items:center;border-radius:var(--radius-sm);font-size:var(--fs-h5);color:var(--text);transition:all .18s ease;font-variant-numeric:tabular-nums;position:relative}.cal-day.muted{color:var(--subdue);opacity:.5}.cal-day.weekend:not(.muted){color:color-mix(in srgb,var(--text) 82%,var(--primary) 18%)}.cal-day.today{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text-high);font-weight:600;box-shadow:0 0 0 1px var(--primary),0 0 14px color-mix(in srgb,var(--primary) 40%,transparent)}.cal-day:not(.muted):not(.today):hover{background:var(--bg-hover);color:var(--text-high);transform:scale(1.08)}.status-head-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.15rem .55rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-soft);font-family:var(--mono);font-size:1.05rem;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.status-uptime-text{color:var(--text-high)}.status-probe-sub{color:var(--subdue);font-size:.95rem}.status-container{display:flex;flex-direction:column;height:100%;flex:1 1 auto;min-height:0;justify-content:space-between}.status-hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;flex-shrink:0}.status-hw-card{background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.4rem .65rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color .2s ease,background .2s ease}.status-hw-card:hover{border-color:var(--border-light);background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 3%) / 40%)}.status-hw-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem}.status-hw-title{font-weight:600;color:var(--muted);font-size:1.1rem;letter-spacing:.02em}.status-hw-val{font-family:var(--mono);font-weight:700;font-size:1.25rem;color:var(--text-high)}.status-mini-bar{height:4px;background:var(--border-soft);border-radius:999px;overflow:hidden;position:relative}.status-mini-bar-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s ease}.status-mini-bar-fill.fill-cpu{background:var(--primary)}.status-mini-bar-fill.fill-mem{background:#3b82f6}.status-mini-bar-fill.fill-warn{background:#ef4444}.status-section-divider{height:1px;background:var(--separator);margin:.45rem 0 .35rem;flex-shrink:0}.status-services-wrap{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-around;min-height:0}.status-list{display:flex;flex-direction:column;justify-content:space-around;flex:1 1 auto;min-height:0}.status-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.28rem .35rem;transition:all .18s ease;border-radius:var(--radius-sm)}.status-row+.status-row{border-top:1px solid var(--separator);margin-top:0;padding-top:.28rem}.status-row:hover{background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 4%) / 30%)}.status-dot-wrap{position:relative;width:1.4rem;height:1.4rem;display:grid;place-items:center}.status-dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--idle);position:relative;z-index:2;transition:all .2s ease}.status-dot.tone-ok{background:var(--positive);box-shadow:0 0 10px var(--positive)}.status-pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--positive);opacity:0;animation:pulseRing 2.4s infinite cubic-bezier(.2,0,.4,1)}@keyframes pulseRing{0%{transform:scale(.6);opacity:.75}70%{transform:scale(1.7);opacity:0}to{transform:scale(1.9);opacity:0}}.status-dot.tone-warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.status-dot.tone-idle{background:var(--idle)}.status-meta{display:flex;flex-direction:column;min-width:0;line-height:1.3}.status-label{font-weight:500;font-size:var(--fs-base);color:var(--text-high);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-detail{color:var(--muted);font-size:1.05rem;font-family:var(--mono)}.status-badge{font-family:var(--mono);font-size:1.05rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;line-height:1.3;letter-spacing:.02em;white-space:nowrap}.status-badge.tone-ok{color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,transparent);border:1px solid color-mix(in srgb,var(--positive) 30%,transparent)}.status-badge.tone-warn{color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.status-badge.tone-idle{color:var(--subdue);background:var(--bg-subtle);border:1px solid var(--border-soft)}.bm-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.4rem 1.8rem}.column-small .bm-groups{grid-template-columns:1fr;gap:1.2rem}.bm-group-name{margin:0 0 .65rem;color:var(--primary);font-size:var(--fs-h5);font-weight:600;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between}.bm-group-count{font-size:var(--fs-h6);color:var(--subdue);font-weight:400;font-family:var(--mono)}.bm-grid{display:flex;flex-direction:column;gap:.35rem}.bm-item{display:flex;align-items:center;gap:.85rem;padding:.5rem .65rem;border-radius:var(--radius-sm);background:transparent;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.bm-item:hover{background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 5%) / 70%);transform:translate(3px)}.bm-item:hover .bm-label{color:var(--text-high)}.bm-item:hover .bm-arrow{color:var(--primary);transform:translate(2px,-2px);opacity:1}.bm-icon-box{width:2.4rem;height:2.4rem;border-radius:7px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:var(--bg-elevated);border:1px solid var(--border);padding:.35rem;transition:transform .2s ease,border-color .2s ease}.bm-item:hover .bm-icon-box{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));transform:scale(1.08)}.bm-icon-box img{width:100%;height:100%;object-fit:contain}.bm-fallback-avatar{width:100%;height:100%;display:grid;place-items:center;font-size:1.15rem;font-weight:600;text-transform:uppercase;color:#fff;border-radius:5px;-webkit-user-select:none;user-select:none}.bm-label{font-size:var(--fs-base);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-para);flex:1;min-width:0;transition:color .15s ease}.bm-arrow{font-size:1.3rem;color:var(--subdue);opacity:.6;flex-shrink:0;transition:all .2s ease;line-height:1}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.weather-temp-block{display:flex;align-items:center;gap:1.1rem}.weather-icon-svg{width:4.2rem;height:4.2rem;flex-shrink:0;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent))}.weather-digits{display:flex;align-items:baseline;gap:.2rem}.weather-temp{font-size:3.4rem;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--text-high);font-variant-numeric:tabular-nums;font-family:var(--font)}.weather-unit{font-size:1.6rem;color:var(--subdue);font-weight:400}.weather-summary{margin-top:.4rem;color:var(--soft);font-size:var(--fs-base);font-weight:500}.weather-place-box{text-align:right;line-height:1.4}.weather-place{color:var(--text-high);font-weight:600;font-size:var(--fs-h4)}.weather-subplace{color:var(--muted);font-size:var(--fs-h6)}.weather-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--separator)}.weather-stat-item{display:flex;flex-direction:column;gap:.2rem}.weather-stat-label{font-size:var(--fs-h6);color:var(--subdue)}.weather-stat-val{font-size:var(--fs-h5);color:var(--text-high);font-weight:500;font-family:var(--mono)}.mkt-list{display:flex;flex-direction:column;gap:0}.mkt-row{display:grid;grid-template-columns:minmax(4.2rem,1fr) minmax(4.5rem,1.3fr) auto auto;align-items:center;gap:.7rem .9rem;padding:.65rem .4rem;border-bottom:1px solid var(--separator);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);transition:all .18s ease;position:relative}.mkt-row:hover{background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 4%) / 35%)}.mkt-row:last-child{border-bottom:none}.mkt-sym{color:var(--text-high);font-size:var(--fs-h5);font-weight:600;letter-spacing:.02em;font-family:var(--mono)}.mkt-spark-wrap{display:flex;align-items:center;min-width:0;height:2.4rem;position:relative}.mkt-spark{width:100%;height:2.4rem;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.mkt-price{color:var(--text-para);font-size:var(--fs-h5);font-weight:500;text-align:right;white-space:nowrap;font-family:var(--mono)}.mkt-chg{font-size:var(--fs-h6);font-weight:600;text-align:right;min-width:5.6rem;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;font-family:var(--mono)}.mkt-chg.tone-up{color:var(--positive);background:color-mix(in srgb,var(--positive) 14%,transparent)}.mkt-chg.tone-down{color:var(--negative);background:color-mix(in srgb,var(--negative) 14%,transparent)}.notes-head-actions{display:flex;align-items:center;gap:.5rem}.notes-mode-btn{font-size:var(--fs-h6);color:var(--muted);padding:.15rem .55rem;border-radius:4px;border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:all .15s ease}.notes-mode-btn:hover{color:var(--text-high);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.notes-list-wrap{display:flex;flex-direction:column;height:100%;min-height:0;justify-content:space-between;gap:.65rem}.notes-item-list{display:flex;flex-direction:column;gap:.4rem;flex:1 1 0%;min-height:0;overflow-y:auto;padding:.25rem .35rem .25rem 0}.note-item{display:flex;align-items:flex-start;gap:.75rem;padding:.42rem .6rem;border-radius:var(--radius-sm);background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 3%) / 40%);border:1px solid transparent;transition:all .15s ease}.note-item:hover{background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 5%) / 65%);border-color:var(--border)}.note-item.done{opacity:.65}.note-item.done .note-item-text{text-decoration:line-through;color:var(--subdue)}.note-check-btn{width:1.6rem;height:1.6rem;border-radius:50%;border:1.5px solid var(--muted);display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;flex-shrink:0;cursor:pointer;transition:all .15s ease;margin-top:.16rem;padding:0}.note-check-btn svg{display:block}.note-check-btn:hover{border-color:var(--primary);transform:scale(1.1)}.note-item.done .note-check-btn{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 4px color-mix(in srgb,var(--primary) 35%,transparent)}.note-item-text{flex:1;font-size:var(--fs-base);color:var(--text-para);line-height:1.45;cursor:pointer;word-break:break-word}.note-item-text:hover{color:var(--text-high)}.note-del-btn{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:4px;color:var(--subdue);font-size:1.4rem;line-height:1;opacity:0;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-top:.1rem}.note-item:hover .note-del-btn{opacity:.8}.note-del-btn:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 15%,transparent);opacity:1}.note-add-bar{display:flex;gap:.5rem;align-items:center;margin-top:auto;padding-top:.55rem;border-top:1px solid var(--separator);flex-shrink:0}.note-add-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .8rem;font-size:var(--fs-h5);color:var(--text-high);outline:none;transition:border-color .15s ease}.note-add-input:focus{border-color:var(--primary)}.note-add-btn{padding:.5rem .85rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 18%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--text-high);font-size:var(--fs-h5);cursor:pointer;font-weight:500;transition:all .15s ease;white-space:nowrap}.note-add-btn:hover{background:var(--primary);color:var(--bg)}.notes-editor-box{display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0}.notes-textarea{width:100%;flex:1 1 0%;min-height:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;color:var(--text-high);font-size:var(--fs-base);line-height:1.6;resize:none;outline:none;font-family:inherit}.notes-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.notes-editor-actions{display:flex;justify-content:flex-end;gap:.6rem;align-items:center}.notes-save-tip{font-size:var(--fs-h6);color:var(--subdue);margin-right:auto}.rss-header-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;padding-bottom:.8rem;border-bottom:1px solid var(--separator)}.rss-tabs{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-subtle);padding:.3rem .35rem;border-radius:calc(var(--radius-sm) + 3px);border:1px solid var(--border-soft);overflow-x:auto;scrollbar-width:none}.rss-tabs::-webkit-scrollbar{display:none}.rss-tab{display:inline-flex;align-items:center;gap:.55rem;border:0;background:transparent;color:var(--muted);border-radius:var(--radius-sm);padding:.4rem .85rem;cursor:pointer;font-size:1.25rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.rss-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--tab-accent, var(--primary));opacity:.4;transition:all .2s ease;flex-shrink:0}.rss-tab:hover{color:var(--text-high);background:var(--bg-hover)}.rss-tab:hover .rss-tab-dot{opacity:.85;transform:scale(1.15)}.rss-tab.active{color:var(--text-high);background:var(--bg-elevated);font-weight:600;box-shadow:0 2px 8px -1px #0006,var(--card-top-highlight)}.rss-tab.active .rss-tab-dot{opacity:1;transform:scale(1.2);box-shadow:0 0 8px var(--tab-accent, var(--primary))}.rss-header-meta{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.rss-count-badge{font-size:1.15rem;color:var(--subdue);font-family:var(--mono);background:var(--bg-subtle);padding:.2rem .65rem;border-radius:999px;border:1px solid var(--border-soft);white-space:nowrap}.rss-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-soft);background:var(--bg-subtle);color:var(--muted);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.rss-refresh-btn:hover{color:var(--primary);background:var(--bg-hover);border-color:color-mix(in srgb,var(--primary) 40%,transparent);transform:rotate(180deg)}.rss-list{display:flex;flex-direction:column}.rss-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.72rem .8rem;border-radius:var(--radius-sm);text-decoration:none;border-bottom:1px solid var(--border-soft);transition:all .16s cubic-bezier(.16,1,.3,1);position:relative}.rss-item:last-child{border-bottom:0}.rss-item:hover{background:color-mix(in srgb,var(--bg-hover) 65%,transparent);transform:translate(3px)}.rss-rank{font-family:var(--mono);font-size:1.25rem;font-weight:600;color:var(--subdue);text-align:center;letter-spacing:-.02em;transition:color .15s ease}.rss-rank-hot{color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--primary) 35%,transparent)}.rss-item:hover .rss-rank{color:var(--primary)}.rss-title{font-weight:450;font-size:var(--fs-base);color:var(--text-para);line-height:1.45;transition:color .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rss-item:hover .rss-title{color:var(--text-high);font-weight:500}.rss-meta{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.rss-date{color:var(--muted);font-size:1.15rem;white-space:nowrap;font-family:var(--mono);background:var(--bg-subtle);padding:.2rem .65rem;border-radius:4px;border:1px solid var(--border-soft);transition:all .15s ease}.rss-date-fresh{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--bg-subtle))}.rss-arrow{font-size:1.2rem;color:var(--muted);opacity:0;transform:translate(-3px,3px);transition:all .2s cubic-bezier(.16,1,.3,1);line-height:1}.rss-item:hover .rss-arrow{opacity:1;transform:translate(0);color:var(--primary)}.rss-skeleton-wrap{display:flex;flex-direction:column;gap:.4rem;padding:.4rem 0}.rss-skeleton-item{display:grid;grid-template-columns:26px minmax(0,1fr) 60px;gap:.85rem;align-items:center;padding:.72rem .8rem}.rss-skeleton-rank{width:20px;height:14px;background:var(--bg-subtle);border-radius:3px;animation:rssPulse 1.4s ease-in-out infinite}.rss-skeleton-title{height:14px;background:var(--bg-subtle);border-radius:4px;animation:rssPulse 1.4s ease-in-out infinite .1s}.rss-skeleton-pill{width:52px;height:18px;background:var(--bg-subtle);border-radius:4px;animation:rssPulse 1.4s ease-in-out infinite .2s}@keyframes rssPulse{0%,to{opacity:.45}50%{opacity:.85}}.widget-music{position:relative;overflow:hidden}.music-head-actions{display:flex;align-items:center;gap:.75rem}.music-mini-visualizer{display:flex;align-items:flex-end;gap:2.5px;height:12px;opacity:.5;transition:opacity .2s ease}.music-mini-visualizer.is-playing{opacity:1}.music-mini-visualizer span{width:2px;background:var(--primary);border-radius:1px;height:3px;transition:height .15s ease}.music-mini-visualizer.is-playing span:nth-child(1){animation:miniEq .7s ease-in-out infinite alternate}.music-mini-visualizer.is-playing span:nth-child(2){animation:miniEq 1.1s ease-in-out .2s infinite alternate}.music-mini-visualizer.is-playing span:nth-child(3){animation:miniEq .8s ease-in-out .4s infinite alternate}.music-mini-visualizer.is-playing span:nth-child(4){animation:miniEq 1s ease-in-out .1s infinite alternate}@keyframes miniEq{0%{height:2px}to{height:12px}}.music-lyric-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;background:var(--bg-subtle);border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.music-lyric-btn:hover,.music-lyric-btn.is-active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border-soft));background:color-mix(in srgb,var(--primary) 12%,var(--bg-subtle))}.music-playlist-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-subtle);border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;padding:.2rem .55rem;font-size:1.1rem;cursor:pointer;transition:all .18s ease}.music-playlist-toggle-btn:hover,.music-playlist-toggle-btn.is-open{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border-soft));background:color-mix(in srgb,var(--primary) 8%,var(--bg-subtle))}.music-count-badge{font-family:var(--mono);font-size:1.05rem;font-weight:500}.music-main-deck{display:flex;align-items:center;gap:1.4rem;padding:.35rem .2rem;flex:1}.music-disc-wrap{position:relative;width:104px;height:104px;flex-shrink:0;display:flex;align-items:center;justify-content:center;perspective:600px}.music-stylus{position:absolute;top:-4px;right:-2px;width:32px;height:32px;background-image:radial-gradient(circle at 100% 0%,#a8a29e 2px,transparent 3px),linear-gradient(135deg,#78716c,#44403c);clip-path:polygon(100% 0%,90% 0%,20% 85%,28% 95%,100% 10%);transform-origin:top right;transform:rotate(-24deg);transition:transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.music-stylus.is-playing{transform:rotate(4deg)}.music-disc{width:98px;height:98px;border-radius:50%;background:repeating-radial-gradient(circle,#262320,#141312 2px,#1a1816,#0e0d0c 6px);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 5px #000c,inset 0 0 0 7px #ffffff0d,inset 0 0 0 13px #000000bf,inset 0 0 0 15px #ffffff0a,0 6px 20px -4px #0006;position:relative;display:flex;align-items:center;justify-content:center;animation:vinylRotate 12s linear infinite;animation-play-state:paused;transition:box-shadow .3s ease}.music-disc.is-playing{animation-play-state:running;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 0 5px #000c,inset 0 0 0 7px #ffffff12,inset 0 0 0 13px #000000bf,inset 0 0 0 15px #ffffff0d,0 8px 24px -4px color-mix(in srgb,var(--primary) 25%,rgba(0,0,0,.45))}@keyframes vinylRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-disc-center{position:absolute;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #201c18;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #ffffff1a;background:var(--bg-elevated)}.music-cover-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.music-disc-spindle{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 2px #0009;z-index:4}.music-info-controls{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:.75rem}.music-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.music-titles{min-width:0;flex:1}.music-title-text{font-size:1.35rem;font-weight:600;color:var(--text-high);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.music-artist-text{font-size:1.15rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.music-lyric-ticker{display:flex;align-items:center;gap:.35rem;margin-top:.22rem;font-size:1.05rem;color:var(--muted);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease;-webkit-user-select:none;user-select:none}.music-lyric-ticker:hover{color:var(--primary)}.music-lyric-ticker-icon{color:var(--primary);font-size:.9rem;flex-shrink:0;opacity:.85}.music-lyric-ticker-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-waves-box{display:flex;align-items:flex-end;gap:3px;height:18px;flex-shrink:0;padding:0 .3rem}.wave-bar{width:3px;background:var(--primary);border-radius:2px;height:3px;transition:height .15s ease;opacity:.4}.music-waves-box.is-playing .wave-bar{opacity:1}.music-waves-box.is-playing .wave-bar:nth-child(1){animation:waveBar .8s ease-in-out infinite alternate}.music-waves-box.is-playing .wave-bar:nth-child(2){animation:waveBar 1.2s ease-in-out .2s infinite alternate}.music-waves-box.is-playing .wave-bar:nth-child(3){animation:waveBar .7s ease-in-out .4s infinite alternate}.music-waves-box.is-playing .wave-bar:nth-child(4){animation:waveBar 1s ease-in-out .1s infinite alternate}.music-waves-box.is-playing .wave-bar:nth-child(5){animation:waveBar .9s ease-in-out .3s infinite alternate}@keyframes waveBar{0%{height:3px}to{height:18px}}.music-progress-row{display:flex;align-items:center;gap:.65rem;font-family:var(--mono);font-size:1.05rem;color:var(--muted)}.music-slider-track{position:relative;flex:1;height:4px;border-radius:999px;background:var(--border-soft);display:flex;align-items:center;cursor:pointer}.music-slider-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:var(--primary);pointer-events:none;transition:width .1s linear}.music-progress-input{position:absolute;top:-8px;right:0;bottom:-8px;left:0;width:100%;height:20px;opacity:0;cursor:pointer;z-index:2;margin:0}.music-ctrl-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.music-main-btns{display:flex;align-items:center;gap:.6rem}.music-ctrl-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.music-ctrl-btn:hover{color:var(--text-high);background:var(--bg-hover)}.music-play-btn{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 18%,var(--bg-elevated));color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 25%,transparent)}.music-play-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 40%,transparent)}.music-mode-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:.28rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs, 4px);opacity:.72;transition:all .15s ease}.music-mode-btn .music-mode-icon{display:inline-flex;align-items:center;justify-content:center}.music-mode-btn svg{display:block}.music-mode-btn:hover{opacity:1;color:var(--text-high);background:var(--bg-hover)}.music-mode-btn.is-active{opacity:1;color:var(--primary)}.music-vol-group{display:flex;align-items:center;gap:.35rem}.music-vol-btn{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;padding:.2rem;transition:color .15s}.music-vol-btn:hover{color:var(--text-high)}.music-vol-slider{width:52px;height:4px;accent-color:var(--primary);cursor:pointer}.music-player-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.music-playlist-drawer{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-widget) 96%,var(--bg-elevated) 4%);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:var(--radius);padding:.85rem 1.1rem;display:flex;flex-direction:column;justify-content:space-between;z-index:20;animation:cardFadeIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.music-drawer-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-shrink:0;padding-bottom:.45rem;border-bottom:1px solid var(--separator)}.music-tab-nav{display:flex;align-items:center;gap:.35rem}.music-tab-btn{background:var(--bg-subtle);border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;padding:.2rem .72rem;font-size:1.12rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none;font-family:inherit;line-height:1.4;letter-spacing:.01em}.music-tab-btn:hover{color:var(--text-high);border-color:var(--border-light)}.music-tab-btn.is-active{background:color-mix(in srgb,var(--primary) 18%,var(--bg-elevated));border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);font-weight:600;box-shadow:0 1px 4px #0000001a}.music-tab-badge{font-family:var(--mono);font-size:.95rem;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);border-radius:999px;padding:0 .38rem;line-height:1.3}.music-drawer-close-btn{background:transparent;border:none;font-size:1.4rem;line-height:1;color:var(--muted);cursor:pointer;padding:0 .2rem;transition:color .15s}.music-drawer-close-btn:hover{color:var(--text-high)}.music-drawer-view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.music-track-list{overflow-y:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.25rem;margin:.4rem 0;padding-right:.3rem}.music-track-empty{color:var(--muted);font-size:1.1rem;text-align:center;padding:2rem 0;display:flex;flex-direction:column;gap:.35rem}.music-track-empty p{font-size:.95rem;color:var(--subdue)}.music-track-item{display:flex;align-items:center;justify-content:space-between;padding:.32rem .55rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1.15rem;transition:background .15s,border-color .15s;border:1px solid transparent}.music-track-item:hover{background:var(--bg-hover);border-color:var(--border-soft)}.music-track-item.is-active{background:color-mix(in srgb,var(--primary) 12%,var(--bg-subtle));border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.music-track-item-left{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1}.music-track-thumb-wrap{position:relative;width:32px;height:32px;border-radius:var(--radius-xs, 4px);overflow:hidden;flex-shrink:0;background:var(--bg-elevated);box-shadow:0 1px 3px #0003}.music-track-thumb{width:100%;height:100%;object-fit:cover}.music-track-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;display:none;align-items:center;justify-content:center;gap:2px}.music-track-indicator.is-playing{display:flex}.music-track-indicator span{width:2.5px;background:var(--primary);border-radius:1px;height:4px}.music-track-indicator.is-playing span:nth-child(1){animation:eqBounce .5s ease-in-out infinite alternate}.music-track-indicator.is-playing span:nth-child(2){animation:eqBounce .8s ease-in-out .2s infinite alternate}.music-track-indicator.is-playing span:nth-child(3){animation:eqBounce .6s ease-in-out .1s infinite alternate}@keyframes eqBounce{0%{height:3px}to{height:14px}}.music-track-item-meta{min-width:0;flex:1;display:flex;flex-direction:column}.music-track-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-high);font-weight:500}.music-track-item.is-active .music-track-item-title{color:var(--primary)}.music-track-item-artist{font-size:1.05rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-item-right{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.music-track-del-btn{background:none;border:none;color:var(--subdue);font-size:1.3rem;cursor:pointer;padding:0 .25rem;line-height:1;border-radius:3px;transition:all .15s}.music-track-del-btn:hover{color:#ef4444;background:color-mix(in srgb,#ef4444 12%,transparent)}.music-drawer-footer{flex-shrink:0;border-top:1px solid var(--separator);padding-top:.4rem;display:flex;justify-content:flex-end}.music-playlist-actions{display:flex;align-items:center;gap:.4rem}.music-action-btn{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-subtle);border:1px solid var(--border-soft);color:var(--muted);border-radius:var(--radius-sm);padding:.22rem .55rem;font-size:1.05rem;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.music-action-btn:hover{color:var(--text-high);border-color:var(--border-light);background:var(--bg-hover)}.music-search-wrap{flex-shrink:0;display:flex;flex-direction:column;gap:.35rem;margin-top:.45rem}.music-search-box{display:flex;align-items:center;gap:.45rem;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.22rem .45rem .22rem .6rem;transition:border-color .15s ease}.music-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.music-search-icon{color:var(--muted);flex-shrink:0}.music-search-input{border:none;background:transparent;color:var(--text-high);font-size:1.1rem;flex:1;outline:none;min-width:0}.music-search-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-xs, 4px);padding:.25rem .7rem;font-size:1.05rem;cursor:pointer;font-weight:500;transition:opacity .15s ease}.music-search-btn:hover{opacity:.9}.music-quick-tags{display:flex;align-items:center;gap:.3rem;overflow-x:auto;padding:.1rem 0;scrollbar-width:none}.music-quick-tags::-webkit-scrollbar{display:none}.music-quick-label{font-size:.95rem;color:var(--muted);flex-shrink:0}.music-tag-chip{background:var(--bg-subtle);border:1px solid var(--border-soft);color:var(--soft);border-radius:999px;padding:.08rem .5rem;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:all .15s ease}.music-tag-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover)}.music-search-results{overflow-y:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem;padding-right:.3rem}.music-search-empty{color:var(--muted);font-size:1.1rem;text-align:center;padding:2.2rem 0}.music-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem 0;color:var(--muted);font-size:1.1rem}.music-loading-spinner{width:22px;height:22px;border:2px solid var(--border-soft);border-top-color:var(--primary);border-radius:50%;animation:spinnerRotate .7s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.music-search-item{display:flex;align-items:center;justify-content:space-between;padding:.32rem .5rem;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-soft);transition:background .15s,border-color .15s}.music-search-item:hover{background:var(--bg-hover);border-color:var(--border-light)}.music-search-item-left{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1}.music-search-thumb{width:32px;height:32px;border-radius:var(--radius-xs, 4px);object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.music-search-item-meta{min-width:0;flex:1;display:flex;flex-direction:column}.music-search-item-title{font-size:1.15rem;font-weight:500;color:var(--text-high);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-search-item-artist{font-size:1.05rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-album-text{color:var(--subdue)}.music-search-item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.music-btn-sub{background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text);border-radius:var(--radius-xs, 4px);padding:.2rem .48rem;font-size:.98rem;cursor:pointer;transition:all .15s}.music-btn-sub:hover{border-color:var(--primary);color:var(--primary)}.music-btn-sub.is-added{color:#10b981;border-color:#10b98166;background:#10b9811a;cursor:default}.music-btn-play{background:color-mix(in srgb,var(--primary) 18%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);border-radius:var(--radius-xs, 4px);padding:.2rem .52rem;font-size:.98rem;cursor:pointer;transition:all .15s;font-weight:500}.music-btn-play:hover{background:var(--primary);color:#fff}.music-lyrics-container{flex:1 1 auto;min-height:0;position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;margin:.35rem 0;padding:0 .5rem;mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 82%,transparent 100%);scrollbar-width:none}.music-lyrics-container::-webkit-scrollbar{display:none}.music-lyrics-scroll{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4.5rem 0}.music-lyric-line{font-size:1.15rem;color:var(--muted);opacity:.42;text-align:center;transition:all .28s cubic-bezier(.16,1,.3,1);cursor:pointer;padding:.25rem .85rem;border-radius:var(--radius-sm);max-width:92%;line-height:1.45;-webkit-user-select:none;user-select:none}.music-lyric-line:hover{opacity:.85;color:var(--text-high);background:var(--bg-hover)}.music-lyric-line.is-active{opacity:1;font-size:1.32rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg-subtle));border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);text-shadow:0 0 16px color-mix(in srgb,var(--primary) 40%,transparent);transform:scale(1.04)}.music-lyric-empty{color:var(--muted);font-size:1.1rem;text-align:center;padding:3rem 0;display:flex;flex-direction:column;gap:.35rem}.music-lyric-empty p{font-size:.95rem;color:var(--subdue)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;display:grid;place-items:start center;padding-top:clamp(60px,12vh,140px);animation:overlayFadeIn .2s ease}.palette-overlay[hidden]{display:none!important}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.palette-box{width:min(640px,92vw);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 60px -8px #00000073,0 0 0 1px #ffffff0f;overflow:hidden;animation:boxSlideDown .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes boxSlideDown{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.palette-search-bar{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.6rem;border-bottom:1px solid var(--border)}.palette-icon{color:var(--muted);display:flex;align-items:center;flex-shrink:0}.palette-input{width:100%;background:transparent;border:0;color:var(--text-high);font-size:1.6rem;outline:none;font-family:inherit}.palette-close-btn{color:var(--muted);width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:var(--radius-sm);cursor:pointer;font-size:1.6rem;flex-shrink:0;transition:all .15s ease;line-height:1}.palette-close-btn:hover{color:var(--text-high);background:var(--bg-hover)}.palette-input::placeholder{color:var(--subdue)}.palette-engines{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 2%) / 60%);border-bottom:1px solid var(--border);overflow-x:auto}.palette-engine-chip{padding:.3rem .75rem;border-radius:999px;font-size:var(--fs-h6);color:var(--muted);cursor:pointer;transition:all .15s ease;white-space:nowrap;border:1px solid transparent}.palette-engine-chip:hover{color:var(--text-high);background:var(--bg-hover)}.palette-engine-chip.active{color:var(--text-high);background:color-mix(in srgb,var(--primary) 18%,var(--bg-elevated));border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.palette-results{max-height:360px;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.2rem}.palette-empty{padding:2.4rem 1rem;text-align:center;color:var(--muted);font-size:var(--fs-h5)}.palette-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--text-para);cursor:pointer;transition:all .12s ease}.palette-item:hover,.palette-item.selected{background:color-mix(in srgb,var(--primary) 15%,var(--bg-hover));color:var(--text-high)}.palette-item-icon{width:2.2rem;height:2.2rem;border-radius:5px;display:grid;place-items:center;background:var(--bg-elevated);flex-shrink:0;overflow:hidden}.palette-item-title{flex:1;font-weight:500;font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-badge{font-size:1.1rem;color:var(--subdue);font-family:var(--mono);padding:.1rem .5rem;background:var(--bg);border-radius:4px}.palette-footer{padding:.8rem 1.4rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--subdue);font-size:1.15rem;background:hsl(var(--bgh) var(--bgs) calc(var(--bgl) + 1.5%) / 80%)}.palette-shortcuts{display:flex;gap:1.2rem}.palette-shortcuts span{display:inline-flex;align-items:center;gap:.3rem}.palette-kbd-sm{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);padding:.1rem .35rem;border-radius:3px;color:var(--muted)}.account{position:relative;height:100%;display:flex;align-items:center}.account-btn{display:inline-flex;align-items:center;gap:.65rem;border:1px solid var(--border);background:var(--bg-widget);color:var(--muted);border-radius:999px;padding:.35rem .9rem .35rem .4rem;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.account-btn:hover,.account-btn[aria-expanded=true]{color:var(--text-high);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--bg-elevated)}.account-avatar{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;font-weight:600;color:var(--bg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 85%,white),var(--primary));box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 40%,transparent)}.account-name{font-size:var(--fs-h5);font-weight:500;letter-spacing:.02em}.account-menu{position:absolute;right:0;top:calc(100% + .6rem);min-width:17rem;padding:.65rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow-hover);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:50;display:grid;gap:.25rem;animation:cardFadeIn .15s ease}.account-menu[hidden]{display:none!important}.menu-label{padding:.35rem .65rem .25rem;font-size:var(--fs-h6);letter-spacing:.08em;text-transform:uppercase;color:var(--subdue);font-weight:600}.menu-group{display:grid;gap:.2rem;margin-bottom:.35rem}.menu-item{display:flex;align-items:center;gap:.6rem;border:0;background:transparent;color:var(--text-para);text-align:left;border-radius:var(--radius-sm);padding:.6rem .75rem;cursor:pointer;font-size:var(--fs-h5);transition:all .15s ease}.menu-item:hover{background:var(--bg-hover);color:var(--text-high)}.menu-item.active{color:var(--text-high);background:color-mix(in srgb,var(--primary) 18%,transparent);font-weight:500}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:color-mix(in srgb,var(--danger) 15%,transparent)}.theme-dot{width:1.15rem;height:1.15rem;border-radius:50%;display:inline-block;border:1px solid color-mix(in srgb,var(--text-high) 25%,transparent);box-shadow:0 1px 3px #0000001f;flex-shrink:0}.ghost-btn,.theme-select,.admin-row button{border:1px solid var(--border);background:var(--bg-widget);color:var(--soft);border-radius:var(--radius-sm);padding:.45rem .9rem;cursor:pointer;transition:all .15s ease;font-size:var(--fs-h5)}.ghost-btn:hover,.admin-row button:hover{color:var(--text-high);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--bg-elevated)}.primary-btn{border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 28%,var(--bg-widget)),color-mix(in srgb,var(--primary) 16%,var(--bg-widget)));color:var(--text-high);border-radius:var(--radius-sm);padding:.6rem 1.1rem;cursor:pointer;font-weight:500;transition:all .15s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 18%,transparent)}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.users-simple-wrap{width:min(68rem,100%);margin:0 auto}.users-simple-card{background:var(--bg-widget);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.users-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.users-card-head h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-high)}.users-count-tag{font-size:1.15rem;color:var(--muted);font-family:var(--mono)}.users-simple-list{display:flex;flex-direction:column;gap:.6rem}.users-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-soft);transition:background .15s ease,border-color .15s ease}.users-item:hover{background:color-mix(in srgb,var(--bg-hover) 60%,var(--bg-subtle))}.users-item-left{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.users-item-avatar{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--primary) 20%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.users-item-name{font-size:1.35rem;font-weight:600;color:var(--text-high)}.users-role-tag{font-size:1.1rem;padding:.15rem .6rem;border-radius:999px;font-weight:500}.users-role-tag.admin{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.users-role-tag.user{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--soft);border:1px solid var(--border-soft)}.users-self-tag{font-size:1.05rem;padding:.12rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);font-weight:500}.users-item-actions{display:flex;align-items:center;gap:.6rem}.danger-btn{border:1px solid color-mix(in srgb,#ef4444 35%,transparent);background:color-mix(in srgb,#ef4444 10%,transparent);color:#ef4444;border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:1.15rem;font-weight:500;cursor:pointer;transition:all .18s ease}.danger-btn:hover{background:#ef4444;color:#fff;box-shadow:0 2px 10px #ef444466}.ghost-btn.sm,.primary-btn.sm,.danger-btn.sm{padding:.3rem .75rem;font-size:1.15rem}.users-pwd-box{margin-top:.8rem;padding:.85rem 1rem;background:color-mix(in srgb,var(--primary) 6%,var(--bg-subtle));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border-soft));border-radius:var(--radius-sm);animation:cardFadeIn .2s ease}.users-pwd-box-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:1.25rem;color:var(--text-high)}.users-pwd-box-row strong{color:var(--primary)}.users-pwd-box-row input{flex:1;min-width:180px;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-high);font-size:1.25rem}.users-pwd-box-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.users-divider{height:1px;background:var(--separator);margin:1.8rem 0 1.5rem}.users-simple-add-form{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.users-field{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:130px}.users-field label{font-size:1.15rem;font-weight:500;color:var(--muted)}.users-field input,.users-field select{border:1px solid var(--border);background:var(--bg);color:var(--text-high);border-radius:var(--radius-sm);padding:.55rem .8rem;font-size:1.25rem;transition:border-color .15s ease,box-shadow .15s ease}.users-field input:focus,.users-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.users-add-btn{height:38px;padding:0 1.2rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.users-simple-msg{margin-top:1.2rem;margin-bottom:0;padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:1.2rem;font-weight:500}.users-simple-msg.ok{background:color-mix(in srgb,var(--primary) 12%,var(--bg-subtle));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent)}.users-simple-msg.err{background:color-mix(in srgb,#ef4444 12%,var(--bg-subtle));color:#ef4444;border:1px solid color-mix(in srgb,#ef4444 35%,transparent)}.users-empty-text{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:1.3rem}body.editor-open{overflow:hidden}body.editor-open #app{visibility:hidden}.editor-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--bg);overflow:auto;padding:2rem 1.5rem 4rem;font-size:var(--fs-base)}.editor-topbar{width:min(92rem,100%);margin:0 auto 1.4rem;display:flex;align-items:center;gap:1.2rem}.editor-title h1{margin:0;font-size:2rem;font-weight:600;color:var(--text-high)}.editor-title span{display:block;color:var(--muted);font-size:var(--fs-h6);margin-top:.2rem}.editor-body{width:min(92rem,100%);margin:0 auto}.editor-body .settings-panel{background:var(--bg-widget);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.8rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.set-block{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem 1rem;margin-bottom:.8rem;background:color-mix(in srgb,var(--bg) 35%,var(--bg-widget))}.set-block>summary{cursor:pointer;font-weight:500;color:var(--soft);font-size:var(--fs-h5);list-style:none}.set-block>summary::-webkit-details-marker{display:none}.set-body{display:grid;gap:.8rem;margin-top:.9rem}.set-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.set-card{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:.5rem;align-items:center}.set-block input,.set-block select,.set-block textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-sm);padding:.65rem .8rem}@media(min-width:1101px){.columns{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;grid-template-rows:auto auto minmax(260px,1fr);gap:var(--widget-gap);align-items:stretch}.column{display:contents}.widget-clock{grid-column:1;grid-row:1}.widget-bookmarks{grid-column:2;grid-row:1}.widget-weather{grid-column:3;grid-row:1}.widget-calendar{grid-column:1;grid-row:2}.widget-rss{grid-column:2;grid-row:2}.widget-markets{grid-column:3;grid-row:2}.widget-status{grid-column:1;grid-row:3}.widget-music{grid-column:2;grid-row:3}.widget-notes{grid-column:3;grid-row:3}.columns:not(:has(.widget-music)) .widget-rss{grid-row:2 / span 2}.widget{height:100%;display:flex;flex-direction:column;min-height:0}.widget-title{min-height:26px;height:26px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.widget .widget-body{flex:1 1 0%;min-height:0;display:flex;flex-direction:column}.widget-clock .widget-body,.widget-weather .widget-body{justify-content:space-between}.widget-calendar .widget-body,.widget-markets .widget-body{justify-content:flex-start}.widget-status .widget-body{padding:1.25rem 1.4rem;justify-content:space-between}.widget-music .widget-body{justify-content:space-between;position:relative;overflow:hidden}.widget-notes .widget-body{justify-content:space-between}.widget-rss .widget-body{display:flex;flex-direction:column}.widget-rss .rss-header-bar{flex-shrink:0}.widget-rss .rss-list{flex:1 1 0%;min-height:0;overflow-y:auto;padding-right:.4rem}}@media(max-width:1100px){.columns{flex-wrap:wrap}.column-small{width:calc(50% - var(--widget-gap) / 2);flex:1 1 calc(50% - var(--widget-gap) / 2)}.column-full{flex:1 1 100%;order:-1}.widget-music .widget-body,.widget-notes .widget-body{min-height:240px}.widget-rss .rss-list{max-height:380px;overflow-y:auto}}@media(max-width:720px){:root{font-size:9.5px;--widget-gap: 16px;--content-pad: 14px;--widget-pad-y: 14px;--widget-pad-x: 15px}.page{padding-top:.8rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,16px));padding-left:calc(var(--content-pad) + env(safe-area-inset-left,0px));padding-right:calc(var(--content-pad) + env(safe-area-inset-right,0px));max-width:100vw;overflow-x:hidden}.topbar{height:auto;min-height:4.2rem;gap:.8rem;padding:.4rem 0}.spotlight-trigger{padding:.5rem .8rem;min-height:36px}.spotlight-trigger span.label{display:none}.columns{display:flex;flex-direction:column;gap:var(--widget-gap);width:100%}.column{display:contents}.widget-clock{order:1}.widget-weather{order:2}.widget-music{order:3}.widget-bookmarks{order:4}.widget-notes{order:5}.widget-status{order:6}.widget-calendar{order:7}.widget-rss{order:8}.widget-markets{order:9}.widget{width:100%;min-width:0}.widget-body{min-height:auto}.widget-music .widget-body{min-height:240px}.widget-notes .widget-body{min-height:230px}.widget-rss .rss-list{max-height:340px;overflow-y:auto;-webkit-overflow-scrolling:touch}button,a,input,select{-webkit-tap-highlight-color:transparent}.note-add-input,.music-search-input,.notes-textarea,.admin-input{font-size:16px!important}.note-item{padding:.55rem .65rem;gap:.85rem}.note-check-btn{width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin-top:.12rem}.note-del-btn{opacity:.65;width:2.2rem;height:2.2rem;min-width:2.2rem;min-height:2.2rem;display:flex;align-items:center;justify-content:center}.note-add-btn{min-height:38px;padding:.5rem 1.1rem}.music-main-deck{gap:1rem;padding:.2rem 0}.music-disc-wrap{width:92px;height:92px}.music-disc{width:86px;height:86px}.music-disc-center{width:38px;height:38px}.music-stylus{width:28px;height:28px;top:-3px;right:-2px}.music-title-text{font-size:1.3rem}.music-artist-text{font-size:1.1rem}.music-lyric-ticker{font-size:1.05rem}.music-vol-slider{display:none}.music-vol-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs, 4px)}.music-ctrl-row{width:100%;justify-content:space-between;gap:.4rem}.music-main-btns{gap:.75rem}.music-play-btn{width:42px;height:42px;min-width:42px;min-height:42px}.music-ctrl-btn{width:34px;height:34px;min-width:34px;min-height:34px}.music-mode-btn{width:32px;height:32px;min-width:32px;min-height:32px}.music-playlist-drawer{padding:.75rem .9rem}.music-drawer-header{gap:.35rem;padding-bottom:.4rem}.music-tab-nav{gap:.3rem}.music-tab-btn{padding:.2rem .55rem;font-size:1.05rem}.music-drawer-close-btn{min-width:32px;min-height:32px;font-size:1.8rem;display:flex;align-items:center;justify-content:center}.music-track-item{padding:.45rem .6rem;min-height:42px}.music-action-btn{padding:.35rem .7rem;min-height:32px}.music-lyric-line{font-size:1.18rem;padding:.35rem .75rem}.music-lyric-line.is-active{font-size:1.35rem}.music-track-list,.music-lyrics-container,.music-search-results,.notes-item-list{-webkit-overflow-scrolling:touch;touch-action:pan-y}.admin-form,.set-row,.set-card,.set-card.nested{grid-template-columns:1fr}.brand h1{border-right:0;padding-right:0}}