.desk{position:relative;isolation:isolate;height:calc(100dvh - 215px);min-height:360px;overflow:hidden;border-radius:18px;background:#264d47;color:#f7fbf8;box-shadow:0 20px 50px #16342d20;border:1px solid #ffffff25}
.desk[data-wallpaper=forest]{background:radial-gradient(ellipse at 85% 10%,#b2cfc6 0,transparent 45%),radial-gradient(ellipse at 5% 100%,#142d31 0,transparent 60%),linear-gradient(130deg,#4e8072,#233e40)}
.desk[data-wallpaper=dusk]{background:radial-gradient(ellipse at 85% 15%,#dfb3a3 0,transparent 40%),linear-gradient(145deg,#282b51,#78709e)}
.desk[data-wallpaper=sand]{background:radial-gradient(ellipse at 80% 10%,#e5d4b6 0,transparent 45%),linear-gradient(145deg,#8d8067,#b5a788)}
.desk::before{content:'NIKITAMAIL';position:absolute;right:36px;bottom:94px;font:500 clamp(26px,4vw,62px)/1 system-ui;letter-spacing:.12em;color:#ffffff18;pointer-events:none}
.desk-surface{position:absolute;inset:0 0 60px;overflow:auto;outline:none}
.desk-icon{position:absolute;width:100px;min-height:96px;padding:8px 5px;border:1px solid transparent;border-radius:12px;background:transparent;color:#fff;display:flex;align-items:center;flex-direction:column;gap:5px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default;font:500 13px/1.3 system-ui;text-shadow:0 1px 4px #122d36a0}
.desk-icon:hover,.desk-icon.selected{background:#ffffff23;border-color:#ffffff55}.desk-icon:focus-visible,.desk-file:focus-visible{outline:3px solid #e0eebe;outline-offset:2px}
.desk-glyph{display:grid;place-items:center;width:54px;height:49px;background:linear-gradient(145deg,#c7e6d9,#82bba4);border:1px solid #eaf7ed90;border-radius:12px;color:#254d3c;font:600 28px/1 system-ui;text-shadow:none;box-shadow:0 5px 12px #102d3825}.desk-icon[data-key=notes] .desk-glyph{background:linear-gradient(145deg,#fff0b3,#e5cc82);color:#715522}.desk-icon[data-key=devices] .desk-glyph{background:linear-gradient(145deg,#e5eff2,#acc5cf);color:#3b5262}.desk-icon[data-key=settings] .desk-glyph{background:linear-gradient(145deg,#e5e9eb,#b8c4cf);color:#414e5c}.desk-glyph.is-folder,.desk-file-glyph.is-folder{background:linear-gradient(145deg,#ffe2a3,#ecc071);color:#89602d}.desk-label{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.desk-shortcut{position:absolute;left:19px;top:40px;background:#f4f8f5;border-radius:4px;color:#315647;padding:0 3px;text-shadow:none}
.desk-taskbar{position:absolute;bottom:0;left:0;right:0;z-index:100000;display:flex;align-items:center;gap:8px;height:60px;padding:8px 14px;background:#112d35ec;border-top:1px solid #ffffff25}.desk-start{width:38px;height:38px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff14;color:#fff;font-size:23px;flex-shrink:0}.desk-tasks{display:flex;gap:6px;min-width:0;overflow-x:auto}.desk-task{background:#ffffff14;border:1px solid transparent;border-radius:8px;color:#ecf5ee;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px system-ui;padding:10px 14px;flex-shrink:0}.desk-task.active{border-color:#b8d8c3;background:#ffffff25}.desk-hint{font:11px/1.4 system-ui;color:#c1d3cc;margin-left:auto;max-width:200px}
.desk-window{position:absolute;z-index:10;display:flex;flex-direction:column;border-radius:13px;background:#f7f8f4;color:#26362c;border:1px solid #e1e8df;box-shadow:0 20px 60px #0c232e55;overflow:hidden;min-width:270px;min-height:300px}.desk-window[hidden]{display:none}.desk-window-active{box-shadow:0 24px 65px #071c3166;border-color:#d3e7cd}.desk-titlebar{height:44px;min-height:44px;background:#e8ede5;display:flex;align-items:center;padding:0 8px 0 16px;justify-content:space-between;gap:10px;cursor:move;touch-action:none;user-select:none;-webkit-user-select:none}.desk-titlebar>strong{font:600 13px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.desk-window-controls{display:flex;gap:3px}.desk-window-controls button{width:31px;height:29px;background:transparent;border:0;border-radius:6px;color:inherit;font-size:20px}.desk-window-controls button:hover{background:#ffffff90}.desk-window-controls button:last-child:hover{background:#bd4d3b;color:white}.desk-window-body{flex:1;min-height:0;overflow:auto;position:relative}.desk-resize{position:absolute;right:1px;bottom:1px;width:19px;height:19px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 55%,#7d8f8466 56%,transparent 62%,transparent 72%,#7d8f8466 73%,transparent 80%)}
.desk-folder-toolbar{display:flex;gap:6px;align-items:center;padding:12px 14px 8px;flex-wrap:wrap}.desk-folder-toolbar button,.desk-crumbs button{background:#fff;color:#394f3a;border:1px solid #dce3d5;border-radius:7px;padding:7px 9px;font:500 12px system-ui}.desk-folder-toolbar input{min-width:100px;flex:1;width:130px;margin:0;padding:8px 10px;font-size:12px}.desk-crumbs{display:flex;align-items:center;gap:6px;padding:0 14px 10px;overflow-x:auto;color:#8a9889;white-space:nowrap}.desk-crumbs button{border:0;background:transparent;padding:3px}.desk-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;padding:8px 14px;align-content:start;min-height:160px}.desk-file{position:relative;min-height:112px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 7px 20px;text-align:center;font:12px/1.4 system-ui;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none;touch-action:none;cursor:default}.desk-file:hover{border-color:#d0dac7;background:#edf2e7}.desk-file-glyph{display:grid;place-items:center;width:49px;height:44px;background:#e2e9dc;border-radius:9px;font-size:18px;color:#4a6245;font-weight:600}.desk-file-menu{position:absolute;right:2px;top:2px;border:0;border-radius:5px;background:#e1e9da;color:#3b5035;padding:0 5px;font-size:16px}.desk-folder-status{position:sticky;bottom:0;margin:0;padding:10px 14px;font-size:11px;background:#f7f8f4ef;border-top:1px solid #e5eadf;color:#64735e}.desk-empty,.desk-error{grid-column:1/-1;padding:20px;color:#64735e}.desk-error{color:#a74637}.desk-app-frame{border:0;width:100%;height:100%;min-height:330px;background:#f7f8f4;display:block}
.desk-menu{position:fixed;z-index:200000;width:235px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:6px;border:1px solid #d7e1d1;border-radius:11px;background:#fafcf8;color:#31442f;box-shadow:0 14px 45px #102d3840}.desk-menu button{display:block;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:6px;text-align:left;font:500 13px/1.3 system-ui;color:inherit}.desk-menu button:hover,.desk-menu button:focus{outline:none;background:#e5eddd}.desk-menu button:last-child{border-top:1px solid #dce5d5}.desk-drag-ghost{position:fixed;z-index:300000;background:#203e39;color:#fff;border:1px solid #bad2b9;border-radius:9px;padding:9px 14px;pointer-events:none;max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.desk-settings{padding:22px;display:flex;flex-direction:column;gap:16px;max-width:550px}.desk-settings h2{font-size:22px;margin:0}.desk-settings p{font-size:13px;line-height:1.6;margin:0}.desk-settings select{width:100%;margin-top:7px}.desk-setting-help{color:#64735e}
.desktop-mode .page-heading{margin-bottom:14px}.desktop-mode .page-heading h1{font-size:27px}.desktop-mode .page-heading .eyebrow,.desktop-mode #page-description,.desktop-mode .bottom-note{display:none}.desktop-mode .content{padding-top:20px}.desktop-window .sidebar,.desktop-window .topbar,.desktop-window .bottom-note,.desktop-window .page-heading{display:none!important}.desktop-window .workspace{display:block;min-height:100vh}.desktop-window .main{margin:0;padding:0;min-width:0}.desktop-window .content{padding:12px}.desktop-window .notes-layout{min-height:360px}.desktop-window .notes-panel{margin:0}.desktop-window #auth-screen .auth-story{display:none}.desktop-window #auth-screen{grid-template-columns:1fr}
[data-theme=dark] .desk-window{background:#1c2823;color:#e6eee3;border-color:#4a6052}[data-theme=dark] .desk-titlebar{background:#2c3c32}[data-theme=dark] .desk-folder-toolbar button,[data-theme=dark] .desk-crumbs button{background:#2d3d31;color:#dde8d5;border-color:#4b5b42}[data-theme=dark] .desk-file:hover{background:#31432f;border-color:#526847}[data-theme=dark] .desk-file-glyph{background:#354a37;color:#d4e5cd}[data-theme=dark] .desk-folder-status{background:#1c2823;color:#b0bfa8;border-color:#3c4d3e}[data-theme=dark] .desk-menu{background:#26372e;color:#e6eee3;border-color:#526649}[data-theme=dark] .desk-menu button:hover,[data-theme=dark] .desk-menu button:focus{background:#3c5036}[data-theme=dark] .desk-settings p{color:#c2cebb}
@media(max-width:760px){.desk{height:calc(100dvh - 282px);min-height:430px;border-radius:12px}.desk-hint{display:none}.desk-taskbar{padding:8px;gap:5px}.desk-task{max-width:100px;padding:10px}.desktop-mode .content{padding:12px}.desktop-mode .page-heading{margin-bottom:10px}.desk-window{border-radius:10px}.desk-folder-toolbar{padding:8px}.desk-file-grid{padding:6px;gap:4px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.desk-file{font-size:11px}.desk-glyph{width:48px;height:44px}.desk-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.desk *{scroll-behavior:auto;transition:none!important;animation:none!important}}

@media(min-width:600px){.desktop-window .notes-layout{display:grid;grid-template-columns:200px minmax(0,1fr)}.desktop-window .notes-index{border-right:1px solid #dce3d4}.desktop-window .note-filters{display:flex;flex-direction:column}.desktop-window .note-editor{padding:14px}.desktop-window .note-body{min-height:250px}}