.settings-drawer {
  position:fixed;inset:0 0 0 auto;z-index:5;display:grid;grid-template-columns:140px minmax(0,1fr);
  width:min(448px,100vw);background:#151515;color:#e4e4e4;color-scheme:dark;
  box-shadow:-8px 0 22px #0005;font-size:13px;--drawer-accent:#168ff4;
  animation:drawer-in .18s ease-out;
}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.settings-drawer[data-theme="light"]{background:#f6f7f8;color:#252a31;color-scheme:light}
.drawer-close{position:absolute;right:100%;top:0;width:36px;height:33px;border:0;background:#18222c58;color:white;font-size:22px}
.drawer-sidebar,.drawer-content{min-height:0;display:flex;flex-direction:column}
.drawer-sidebar{overflow:auto}
.drawer-account{height:132px;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;padding:0 14px 16px;justify-content:space-between;border-bottom:1px solid #8883}
.drawer-account img{width:58px;height:58px;margin-left:-14px;filter:grayscale(1);border-radius:50%}
.drawer-account button,.drawer-save{background:var(--drawer-accent);color:white;border:0;border-radius:6px;padding:6px 11px}
#drawerNav{display:grid;gap:8px;padding:8px 10px}
#drawerNav button{position:relative;border:0;background:none;color:inherit;border-radius:12px;display:flex;align-items:center;gap:5px;text-align:left;padding:8px 10px;white-space:nowrap}
#drawerNav button:hover,#drawerNav button.active{background:color-mix(in srgb,var(--drawer-accent) 12%,transparent)}
#drawerNav button.active,.drawer-link{color:var(--drawer-accent)}
#drawerNav button.active::before{content:"";position:absolute;left:0;width:3px;height:16px;background:var(--drawer-accent);border-radius:3px}
#drawerNav img{width:24px;height:24px;padding:5px;border-radius:6px;background:#343434}
.drawer-content header{height:82px;flex:0 0 auto;padding:22px 15px 10px}
.drawer-content h2{margin:0 0 5px;font-size:14px;font-weight:550}.drawer-content header p{margin:0;opacity:.65;font-size:12px}
.drawer-panel{background:#0f0f0f;border-radius:16px 0 0 16px;padding:10px;overflow:auto;flex:1}
[data-theme="light"] .drawer-panel{background:#e9edf1}
.drawer-form{display:grid;gap:8px}.drawer-row{width:100%;min-height:40px;display:flex;align-items:center;gap:8px;justify-content:space-between;border:0;padding:9px 12px;border-radius:12px;background:#ffffff15;color:inherit;text-decoration:none;text-align:left;font-size:13px;margin:0 0 8px}
[data-theme="light"] .drawer-row{background:#fff}
.drawer-form .drawer-row{margin:0}.drawer-row>span{min-width:0}.drawer-row input:not([type=checkbox]),.drawer-row select{width:52%;min-width:0;color:inherit}
.drawer-row input:not([type=checkbox],[type=range],[type=color]),.drawer-row select{border:1px solid #8885;border-radius:6px;padding:4px;background:#8882}
.drawer-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--drawer-accent)}
.drawer-row input[type=range]{width:38%;accent-color:var(--drawer-accent)}.drawer-row output{font-size:11px;white-space:nowrap}
.drawer-row input[type=color]{max-width:44px;padding:0;border:0;background:none}
.drawer-widgets{padding:7px;border:1px solid #8885;border-radius:9px}.drawer-widgets legend{padding:0 5px}
.drawer-widgets .drawer-row{min-height:30px;margin-bottom:4px}.drawer-save{justify-self:end}.drawer-message{padding:0 8px;color:var(--drawer-accent);margin:10px 0}
.hero{position:relative}
.search-tools{position:absolute;left:50%;transform:translateX(-50%);bottom:-26px;display:flex;justify-content:center;gap:8px;opacity:0;pointer-events:none}
.hero:focus-within .search-tools,.hero:hover .search-tools{opacity:1;pointer-events:auto}
.search-tools button,.history-query{background:#15202bbb;border:0;border-radius:6px;color:white;padding:4px 8px;font-size:12px}
.history-query{margin:3px}
body{isolation:isolate;background:none;background-color:#101824}
body::before{inset:-32px;background:var(--wallpaper,url(/media/wallpaper.webp)) center/cover no-repeat;filter:blur(var(--wall-blur,0px));z-index:-2}
body::after{content:"";position:fixed;inset:0;background:rgb(0 0 0 / var(--shade,.13));z-index:-1;pointer-events:none}
.hero time{font-size:var(--clock-size,72px);color:var(--clock-color,#fff);font-weight:var(--clock-weight,500);font-family:var(--clock-font,inherit);cursor:pointer}
#search{height:var(--search-height,46px);border-radius:var(--search-radius,30px);background:rgb(240 245 242 / var(--search-opacity,.57))}
[data-desktop-theme="dark"] #search{background:rgb(15 23 34 / var(--search-opacity,.57));color:#fff}
[data-desktop-theme="dark"] #search :is(button,input),[data-desktop-theme="dark"] #search input::placeholder{color:#eee}
[data-desktop-theme="dark"] :is(.calendar,.note,.note textarea,.tools){background:#1d1d1d;color:#eee}
[data-desktop-theme="dark"] .calendar .lunar{color:#eee}
.board{row-gap:var(--gap-y,var(--gap));max-width:min(100%,var(--board-width,1230px))}
.tile>.tile-face{border-radius:var(--icon-radius,18px);opacity:var(--icon-opacity,1)}
.tile-name{font-size:var(--name-size,12px);color:var(--name-color,#fff)}
.no-tile-names .tile-name{display:none}
.rail{background:rgb(8 10 12 / var(--rail-opacity,.46));transition:transform .18s}
.rail-right .rail{inset:0 0 0 auto}
.rail-auto .rail:not(:hover):not(:focus-within){transform:translateX(calc(-100% + 8px))}
.rail-right.rail-auto .rail:not(:hover):not(:focus-within){transform:translateX(calc(100% - 8px))}
@media(min-width:1281px){.board{--tile-scale:min(var(--size),calc((min(100vw - 28px,var(--board-width,1230px)) - 13 * var(--gap)) / 14));grid-template-columns:repeat(14,var(--tile-scale));grid-auto-rows:var(--tile-scale)}}
@media(max-width:1280px){.rail-right main{padding-left:15px;padding-right:calc(var(--rail) + 12px)}.board{row-gap:max(20px,var(--gap-y))}}
@media(max-width:760px){.hero time{font-size:min(var(--clock-size),55px)}.tile-name{font-size:min(var(--name-size),12px)}}
.plugin-tile{display:grid;place-items:center;width:100%;height:100%;background:#256ada;color:white;font-size:24px;font-weight:700}
.plugin-filters{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}
.plugin-action{padding:5px 8px;border:1px solid #ccd6e4;border-radius:7px;background:#edf3ff;color:#18457e;margin:3px;font-size:13px}
.plugin-action.active{background:#286add;color:#fff}
.plugin-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:48vh;overflow:auto;margin-top:10px}
.plugin-catalog article{padding:8px;border:1px solid #dce3ee;border-radius:8px}.plugin-catalog p{font-size:12px;margin:4px 0}
.plugin-form label{margin:8px 0}.plugin-output{white-space:pre-wrap;overflow-wrap:anywhere}.plugin-gradient{height:42px;border-radius:8px;margin:6px}
.plugin-list label{display:flex;align-items:center;gap:6px}.plugin-list input{width:auto}
.game-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:240px}.game-tiles span{display:grid;place-items:center;height:46px;background:#ddd;border-radius:5px}.game-tiles .filled{background:#ffe1aa}
.dino canvas,.avatar-preview{display:block;max-width:100%;border-radius:9px;margin-block:6px}.avatar-preview{width:110px}
.widget-entry{padding:0;border:0;background:transparent;color:inherit;text-shadow:inherit;font:inherit}
.widget-entry:hover{text-decoration:underline;text-underline-offset:3px}
.tile-face:has(> .tile-face):focus-visible{outline:2px solid #83c8ff;outline-offset:4px}
.plugin-open > :is(.rail,.wallpaper-button,footer){display:none}
.plugin-open::after{background:#070d1b82}
.plugin-page{min-height:100dvh;padding:26px 20px 50px}
.plugin-header,.plugin-shell{width:min(100%,860px);margin-inline:auto}
.plugin-back{display:inline-flex;align-items:center;gap:9px;color:#fff;background:#15223dcc;border:1px solid #ffffff38;text-decoration:none;border-radius:10px;padding:9px 13px}
.plugin-shell{margin-top:22px;border:1px solid #cbd9f4;border-radius:22px;background:#f5f8fe;color:#1d2b44;color-scheme:light;box-shadow:0 22px 65px #030a205a;overflow:hidden}
.plugin-heading{display:flex;align-items:center;gap:14px;padding:23px 25px;border-bottom:1px solid #d7e2f2;background:linear-gradient(135deg,#edf3ff,#fff)}
.plugin-mark{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:13px;background:#dbe8ff;color:#235cbb;font-size:24px;font-weight:700}
.plugin-heading h1{margin:0;font-size:23px}.plugin-heading p{margin:4px 0 0;color:#52637f;font-size:13px}
.plugin-page .plugin-body{padding:22px 25px}.plugin-body h2{margin:4px 0 12px;font-size:17px}.plugin-body h2:not(:first-child){margin-top:20px}
.plugin-page .plugin-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:0 0 12px}
.plugin-form label,.plugin-label{display:grid;gap:6px;margin:0;color:#40516d;font-size:13px;font-weight:600}
.plugin-form label{flex:1 1 180px}
.plugin-form input,.plugin-form select,.plugin-label textarea{width:100%;min-width:0;min-height:39px;padding:8px 10px;border:1px solid #bccbe0;border-radius:8px;background:#fff;color:#162640}
.plugin-label textarea{resize:vertical;line-height:1.6}
.plugin-form :is(input,select):focus-visible,.plugin-label textarea:focus-visible{outline:2px solid #477ff1;outline-offset:1px}
.plugin-page .plugin-action{display:inline-flex;align-items:center;min-height:36px;justify-content:center;text-decoration:none;white-space:nowrap}
.plugin-page .plugin-action[aria-pressed=true]{background:#286add;color:white;border-color:#286add}
.plugin-muted{color:#546681;font-size:13px}.plugin-page .plugin-output{font:inherit;margin:10px 0;color:#293f63}
.plugin-metrics,.plugin-folder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:10px}
.plugin-metric,.plugin-folder a,.plugin-record{border:1px solid #d3def0;border-radius:11px;padding:12px;background:white}
.plugin-metric span{display:block;font-size:12px;color:#546681}.plugin-metric strong{font-size:19px}
.plugin-folder a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#253c62}.plugin-folder img{width:34px;height:34px;border-radius:7px;background:#305eb8}
.plugin-tabs{display:flex;gap:5px;flex-wrap:wrap}.plugin-trend-list{padding-left:25px;margin:10px 0}
.plugin-trend-list li{padding:8px 0;border-bottom:1px solid #dbe4f3}.plugin-trend-list a{color:#1e54ac;text-decoration:none}.plugin-trend-list a:hover{text-decoration:underline}.plugin-trend-list small{margin-left:9px;color:#556784}
.plugin-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.plugin-calendar > *{padding:6px;text-align:center;min-height:28px}
.plugin-calendar div{background:#fff;border-radius:7px;border:1px solid #dbe4f2}
.plugin-calendar .today{background:#e0ebff;border-color:#76a3f1}
.plugin-calendar small{display:block;color:#546681;font-size:10px;overflow-wrap:anywhere}
.plugin-record{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}.plugin-record strong{margin-left:auto}
.plugin-page .plugin-big-number{font-size:clamp(38px,8vw,64px);font-variant-numeric:tabular-nums}
.plugin-movie{display:flex;gap:17px}.plugin-movie img{width:min(35%,130px);object-fit:cover;border-radius:9px;align-self:start}
[data-desktop-theme=dark] .plugin-shell{color:#e5edff;background:#152035;border-color:#34435e;color-scheme:dark}
[data-desktop-theme=dark] .plugin-heading{background:#1d2c46;border-color:#34435e}
[data-desktop-theme=dark] .plugin-heading p,[data-desktop-theme=dark] .plugin-page :is(.plugin-muted,.plugin-output,.plugin-metric span,.plugin-calendar small,.plugin-form label,.plugin-label,.plugin-trend-list small){color:#bac9e5}
[data-desktop-theme=dark] .plugin-page :is(input,select,textarea,.plugin-metric,.plugin-folder a,.plugin-record,.plugin-calendar div){background:#222f47;color:#e3edff;border-color:#415476}
[data-desktop-theme=dark] .plugin-page .plugin-calendar .today{background:#2e4b78}
[data-desktop-theme=dark] .plugin-trend-list a{color:#9ec3ff}
@media(max-width:520px){.plugin-page{padding:17px 11px 26px}.plugin-heading,.plugin-page .plugin-body{padding:15px}.plugin-calendar > *{padding:3px 1px}.plugin-calendar small{font-size:9px}}
@media(max-width:520px){.settings-drawer{width:min(100vw,448px);grid-template-columns:108px minmax(0,1fr)}.drawer-close{right:5px;z-index:1}.drawer-content header{padding-right:38px}#drawerNav{padding-inline:5px}#drawerNav button{padding-inline:6px}.drawer-row{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.settings-drawer{animation:none}}