.site-header{padding-left:50px}.settings{position:relative}.settings-toggle{border:0;width:44px;height:44px;display:grid;place-items:center;background:transparent;color:#647baa;border-radius:12px;cursor:pointer}.settings-toggle:hover{background:#eef1fa}.settings-toggle svg{width:25px;height:25px}.settings-menu{position:absolute;right:0;top:50px;min-width:170px;padding:7px;background:#fff;border:1px solid #ccd5ed;border-radius:13px;box-shadow:0 8px 25px #26356312;z-index:10}.settings-menu button{display:block;width:100%;border:0;border-radius:8px;padding:12px 14px;text-align:left;background:transparent;color:#080e2c;font:inherit;font-size:14px;cursor:pointer}.settings-menu button:hover{background:#f4f6fc}.site-header{z-index:5}.panel-mode .logout{position:fixed;right:40px;bottom:18px;z-index:8;padding:12px 8px;min-height:44px;border-radius:10px;background:#f8f9fed9}.panel-mode .site-footer{margin-top:76px;margin-bottom:82px}.settings-dialog{position:fixed;width:min(480px,calc(100% - 32px));padding:32px;border:1px solid #c9d0e8;border-radius:18px;background:#fff;color:#080e2c;box-shadow:0 20px 70px #22305420}.settings-dialog::backdrop{background:#10153324;backdrop-filter:blur(2px)}.settings-dialog h2{font-size:28px;letter-spacing:-.8px;margin:0 0 25px}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#7185ad;width:36px;height:36px;font-size:28px;cursor:pointer}.account-email{width:100%;margin-top:12px;border:1px solid #d1d9ed;background:#f8faff;border-radius:10px;padding:14px;font:inherit;font-size:15px;color:#40547d}.settings-note{font-size:14px;line-height:22px;color:#7b8db2;margin:18px 0 0}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.theme-option{display:flex;align-items:center;flex-direction:column;gap:12px;padding:16px 8px;border:1px solid #d7def0;border-radius:12px;background:#fff;font:inherit;font-size:14px;color:#374d76;cursor:pointer}.theme-option[aria-pressed=true]{border-color:#8b9fe6;box-shadow:0 0 0 2px #92a4e933}.theme-swatch{width:42px;height:42px;border-radius:50%;border:1px solid #ced5e8}.theme-swatch.original{background:linear-gradient(135deg,#fff0f4,#eeeaff)}.theme-swatch.blue{background:linear-gradient(135deg,#eaf6ff,#dce8fb)}.theme-swatch.green{background:linear-gradient(135deg,#eaf8ee,#d7eee1)}body[data-theme=blue]{background:radial-gradient(ellipse at 28% 54%,#ebf7ff 0,transparent 58%),linear-gradient(150deg,#f7fbff,#eef4ff)}body[data-theme=green]{background:radial-gradient(ellipse at 28% 54%,#effaf2 0,transparent 58%),linear-gradient(150deg,#f8fcf9,#eef8f2)}body[data-theme=blue] .panel-tile{border-color:#bfd1ed;color:#102848}body[data-theme=blue] .panel-tile:hover,body[data-theme=blue] .panel-tile.is-pressed{background:#f0f7ff;box-shadow:0 10px 18px #648fc32b}body[data-theme=green] .panel-tile{border-color:#c1d9c9;color:#15382d}body[data-theme=green] .panel-tile:hover,body[data-theme=green] .panel-tile.is-pressed{background:#f0f9f3;box-shadow:0 10px 18px #679b7b2b}
@media(max-width:700px){.site-header{padding-left:20px}.panel-mode .logout{right:16px;bottom:12px}.panel-mode .site-footer{margin-top:48px;margin-bottom:78px}.settings-dialog{padding:26px 22px}.theme-options{gap:9px}.settings-menu{min-width:160px}}