:root{--x1: 20%;--y1: 30%;--x2: 80%;--y2: 70%;--x3: 55%;--y3: 85%;--x4: 75%;--y4: 15%;--blur: 12px;--glass-tint: rgba(255, 255, 255, 0.06);--glass-bdr: rgba(255, 255, 255, 0.12);--glass-sh: rgba(0, 0, 0, 0.25);--text: #ffffff;--text-dim: rgba(255, 255, 255, 0.55);--text-dimmer:rgba(255, 255, 255, 0.3);--topbar-bg: rgba(0, 0, 0, 0.35);--ctrl-bg: rgba(0, 0, 0, 0.4);--ctrl-bdr: rgba(255, 255, 255, 0.07);--tag-bg: rgba(255, 255, 255, 0.07);--tag-bdr: rgba(255, 255, 255, 0.1);--kbd-bg: rgba(255, 255, 255, 0.07);--bg-base: #05050f}body.light{--glass-tint: rgba(255, 255, 255, 0.45);--glass-bdr: rgba(255, 255, 255, 0.6);--glass-sh: rgba(0, 0, 0, 0.12);--text: #0a0a14;--text-dim: rgba(0, 0, 0, 0.55);--text-dimmer:rgba(0, 0, 0, 0.3);--topbar-bg: rgba(255, 255, 255, 0.4);--ctrl-bg: rgba(255, 255, 255, 0.45);--ctrl-bdr: rgba(0, 0, 0, 0.08);--tag-bg: rgba(0, 0, 0, 0.05);--tag-bdr: rgba(0, 0, 0, 0.1);--kbd-bg: rgba(0, 0, 0, 0.06);--bg-base: #d8d8f0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}button{font-family:inherit}body{background:radial-gradient(ellipse 55% 55% at var(--x1) var(--y1), rgba(124, 58, 237, 0.7), transparent),radial-gradient(ellipse 55% 55% at var(--x2) var(--y2), rgba(6, 182, 212, 0.6), transparent),radial-gradient(ellipse 50% 50% at var(--x3) var(--y3), rgba(244, 63, 94, 0.5), transparent),radial-gradient(ellipse 45% 45% at var(--x4) var(--y4), rgba(251, 191, 36, 0.45), transparent),var(--bg-base);background-size:100vw 100vh;background-attachment:scroll;min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden;transition:color .4s;user-select:none}#bgCanvas{position:fixed;inset:0;background:radial-gradient(ellipse 55% 55% at var(--x1) var(--y1), rgba(124, 58, 237, 0.7), transparent),radial-gradient(ellipse 55% 55% at var(--x2) var(--y2), rgba(6, 182, 212, 0.6), transparent),radial-gradient(ellipse 50% 50% at var(--x3) var(--y3), rgba(244, 63, 94, 0.5), transparent),radial-gradient(ellipse 45% 45% at var(--x4) var(--y4), rgba(251, 191, 36, 0.45), transparent),var(--bg-base);background-size:100vw 100vh;pointer-events:none;z-index:0;transition:background-color .5s}.topbar{position:fixed;top:0;left:0;right:0;height:2.8rem;display:flex;align-items:center;gap:.8rem;padding:0 1.2rem;background:var(--topbar-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--ctrl-bdr);z-index:200;transition:background .4s}.tb__brand{display:flex;align-items:baseline;gap:.35rem}.tb__name{font-size:.68rem;color:var(--text-dim)}.tb__sep{font-size:.68rem;color:var(--text-dimmer)}.tb__title{font-size:.8rem;font-weight:600}.tb__tags{display:flex;gap:.35rem;margin-left:.4rem}.tag{padding:.15rem .45rem;border-radius:99px;border:1px solid var(--tag-bdr);background:var(--tag-bg);font-size:.62rem;color:var(--text-dim);transition:all .3s}.tb__dark{margin-left:auto;width:1.9rem;height:1.9rem;border:1px solid var(--tag-bdr);border-radius:7px;background:var(--tag-bg);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;transition:all .2s}.tb__dark:hover{color:var(--text)}body.dark .icon-sun{display:none}body.dark .icon-moon{display:block}body.light .icon-moon{display:none}body.light .icon-sun{display:block}.glass-card{position:fixed;left:var(--ix, 60px);top:var(--iy, 90px);width:var(--iw, 300px);height:var(--ih, 200px);min-width:160px;min-height:80px;z-index:10;border-radius:14px;border:1px solid var(--glass-bdr);box-shadow:0 16px 48px var(--glass-sh),0 0 0 1px var(--glass-bdr) inset;overflow:hidden;transition:border-color .4s,box-shadow .3s,transform .08s;will-change:transform}.glass-card::before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse 55% 55% at var(--x1) var(--y1), rgba(124, 58, 237, 0.7), transparent),radial-gradient(ellipse 55% 55% at var(--x2) var(--y2), rgba(6, 182, 212, 0.6), transparent),radial-gradient(ellipse 50% 50% at var(--x3) var(--y3), rgba(244, 63, 94, 0.5), transparent),radial-gradient(ellipse 45% 45% at var(--x4) var(--y4), rgba(251, 191, 36, 0.45), transparent),var(--bg-base);background-size:100vw 100vh;background-attachment:fixed;filter:blur(var(--blur)) saturate(1.3);z-index:-1;transition:filter .25s}.glass-card::after{content:"";position:absolute;inset:0;background:var(--glass-tint);z-index:-1;transition:background .4s}.glass-card.dragging{z-index:100;box-shadow:0 28px 70px rgba(0,0,0,.4),0 0 0 1px var(--glass-bdr) inset;transform:scale(1.015)}.glass-card.is-minimized{height:2.2rem !important}.glass-card.is-minimized .card__body,.glass-card.is-minimized .card__resize{display:none}.glass-card.is-top{z-index:50}.card__bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;cursor:grab;user-select:none;border-bottom:1px solid hsla(0,0%,100%,.06)}.card__bar:active{cursor:grabbing}.card__dot{width:10px;height:10px;border-radius:50%;display:block;flex-shrink:0}.card__dot.red{background:#ff5f57}.card__dot.yellow{background:#ffbd2e}.card__dot.green{background:#28c840}.card__title-label{font-size:.7rem;color:var(--text-dim);margin-left:.4rem;flex:1;pointer-events:none}.card__min{background:none;border:none;color:var(--text-dimmer);font-size:1rem;line-height:1;cursor:pointer;padding:0 .1rem;transition:color .2s}.card__min:hover{color:var(--text)}.card__body{padding:.9rem 1rem;height:calc(100% - 2.2rem - 10px);overflow:hidden;transition:opacity .2s}.card__resize{position:absolute;bottom:0;right:0;width:18px;height:18px;cursor:se-resize;background:linear-gradient(315deg, var(--glass-bdr) 0%, var(--glass-bdr) 30%, transparent 31%),linear-gradient(315deg, var(--glass-bdr) 0%, var(--glass-bdr) 20%, transparent 21%);background-position:2px 2px,6px 6px;background-size:100% 100%;opacity:.6;z-index:5;transition:opacity .2s}.glass-card:hover .card__resize{opacity:1}.profile{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.65rem}.profile__avatar{position:relative;flex-shrink:0}.profile__avatar svg{display:block}.profile__status{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid rgba(0,0,0,.3)}.profile__info{display:flex;flex-direction:column;gap:.2rem;padding-top:.3rem}.profile__name{font-size:.92rem;font-weight:700}.profile__role{font-size:.72rem;color:var(--text-dim)}.profile__links{display:flex;gap:.5rem;margin-top:.35rem}.plink{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid var(--glass-bdr);border-radius:6px;color:var(--text-dim);text-decoration:none;transition:all .2s;background:var(--glass-tint)}.plink:hover{color:var(--text);border-color:rgba(124,58,237,.5)}.profile__bio{font-size:.7rem;color:var(--text-dim);line-height:1.5;border-top:1px solid hsla(0,0%,100%,.06);padding-top:.5rem}.stats{display:flex;justify-content:space-around;align-items:center;height:100%;padding:.3rem 0}.stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;position:relative}.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:hsla(0,0%,100%,.1)}.stat__num{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg, #a78bfa, #67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1}.stat__label{font-size:.65rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.player{display:flex;gap:.8rem;align-items:center;height:100%}.player__art{width:56px;height:56px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;overflow:hidden}.player__art::before{content:"♪";position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:1.3rem;opacity:.6}.player__bars{display:flex;align-items:flex-end;gap:2px}.player__bars span{display:block;width:3px;background:hsla(0,0%,100%,.8);border-radius:2px;animation:bar-dance .8s ease-in-out infinite alternate}.player__bars span:nth-child(1){height:8px;animation-duration:.7s}.player__bars span:nth-child(2){height:14px;animation-duration:1s}.player__bars span:nth-child(3){height:10px;animation-duration:.6s}.player__bars span:nth-child(4){height:6px;animation-duration:.9s}@keyframes bar-dance{to{height:3px}}body.paused .player__bars span{animation-play-state:paused}.player__info{flex:1;display:flex;flex-direction:column;gap:.3rem}.player__song{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__artist{font-size:.7rem;color:var(--text-dim)}.player__progress{display:flex;flex-direction:column;gap:.25rem}.progress__bar{height:3px;background:hsla(0,0%,100%,.15);border-radius:2px;overflow:hidden;cursor:pointer}.progress__fill{height:100%;width:38%;background:linear-gradient(90deg, #7c3aed, #06b6d4);border-radius:2px;transition:width 1s linear}.progress__times{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-dimmer)}.player__controls{display:flex;align-items:center;gap:.4rem}.ctrl-ic{width:1.8rem;height:1.8rem;border:1px solid var(--glass-bdr);border-radius:50%;background:var(--glass-tint);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;transition:all .2s}.ctrl-ic:hover{color:var(--text);border-color:rgba(124,58,237,.5)}.ctrl-ic--play{width:2.1rem;height:2.1rem;background:rgba(124,58,237,.3);color:var(--text);border-color:rgba(124,58,237,.4)}.ic-play,.ic-pause{pointer-events:none}body:not(.paused) .ic-pause{display:none}body.paused .ic-play{display:none}.player__song,.player__artist{user-select:none}.weather{height:100%;display:flex;flex-direction:column;justify-content:space-between}.weather__main{display:flex;align-items:center;gap:.8rem}.weather__icon{flex-shrink:0}.weather__data{display:flex;flex-direction:column}.weather__temp{font-size:2.2rem;font-weight:800;line-height:1;background:linear-gradient(135deg, #facc15, #fb923c);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.weather__city{font-size:.82rem;font-weight:600;margin-top:.15rem}.weather__desc{font-size:.68rem;color:var(--text-dim)}.weather__forecast{display:flex;justify-content:space-between;border-top:1px solid hsla(0,0%,100%,.07);padding-top:.6rem}.fc-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.fc-time{font-size:.6rem;color:var(--text-dimmer)}.fc-ico{font-size:1rem}.fc-t{font-size:.72rem;font-weight:600}.technique{display:flex;flex-direction:column;gap:.5rem}.tech__label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dimmer);margin-bottom:.1rem}.tech__item{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-dim);line-height:1.4}.tech__item code{font-family:"SF Mono","Fira Code",monospace;font-size:.68rem;color:var(--text);background:hsla(0,0%,100%,.08);padding:.1rem .3rem;border-radius:3px}.tech__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tech__result{margin-top:.2rem;font-size:.7rem;font-weight:600;color:#4ade80}.controls{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1.2rem;background:var(--ctrl-bg);backdrop-filter:blur(14px);border-top:1px solid var(--ctrl-bdr);z-index:200;transition:background .4s}.ctrl-group{display:flex;align-items:center;gap:.5rem}.ctrl-hints{font-size:.64rem;color:var(--text-dimmer);letter-spacing:.02em}.ctrl-label{font-size:.68rem;color:var(--text-dim);letter-spacing:.05em;white-space:nowrap}.blur-slider{-webkit-appearance:none;appearance:none;width:110px;height:3px;background:hsla(0,0%,100%,.15);border-radius:2px;outline:none;cursor:pointer}.blur-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#7c3aed;cursor:pointer;transition:transform .15s}.blur-slider::-webkit-slider-thumb:active{transform:scale(1.3)}.blur-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#7c3aed;border:none;cursor:pointer}.blur-val{font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:2.5rem}.ctrl-reset{padding:.3rem .7rem;border:1px solid var(--ctrl-bdr);border-radius:6px;background:var(--tag-bg);color:var(--text-dim);font-size:.7rem;cursor:pointer;transition:all .2s}.ctrl-reset:hover{color:var(--text);border-color:rgba(124,58,237,.4)}kbd{display:inline-block;padding:.1rem .3rem;border:1px solid var(--ctrl-bdr);border-radius:3px;background:var(--kbd-bg);font-family:inherit;font-size:.62rem}@media(max-width: 600px){.tb__tags{display:none}.ctrl-hints{display:none}}