:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242631;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,input,textarea{outline-offset:3px}button{border:0}#wallpaper{position:fixed;inset:0;background:#394769 url('/wallpaper.svg') center/cover;transition:background .3s}#wallpaper.dusk{background:radial-gradient(ellipse at 20% 90%,#d88986,transparent 65%),radial-gradient(ellipse at 85% 0,#43468e,transparent 70%),#32213f}#wallpaper.ocean{background:radial-gradient(ellipse at 90% 20%,#a2cece,transparent 55%),radial-gradient(ellipse at 20% 95%,#163248,transparent 70%),#397d89}button{color:inherit}.menubar{height:34px;position:fixed;top:0;inset-inline:0;display:flex;align-items:center;gap:5px;padding:0 20px;background:#e6e8f027;backdrop-filter:blur(30px);color:#fff;z-index:1000;font-size:13px;box-shadow:0 1px 0 #fff1}.menubar button{background:transparent;color:inherit;padding:7px 11px;border-radius:5px}.menubar button:hover,.menubar button.active{background:#ffffff20}.brand{font-size:19px!important;font-weight:700}.app-name{font-weight:650;margin-right:12px}.spacer{flex:1}.menubar time{margin-left:13px;white-space:nowrap}.menu{position:absolute;top:37px;left:134px;width:230px;padding:6px;background:#f5f5f5ed;color:#222;border:1px solid #fff8;box-shadow:0 12px 40px #0003;border-radius:9px;backdrop-filter:blur(30px)}.menu button{display:flex;justify-content:space-between;width:100%;text-align:left;color:#333;padding:9px 10px}.menu button:hover{background:#3977e6;color:white}.menu kbd{color:#888;font-size:11px}.desktop-content{position:absolute;inset:34px 0 110px;overflow:auto;padding:38px 35px}.desktop-links{display:grid;grid-template-rows:repeat(auto-fill,104px);grid-auto-flow:column;grid-auto-columns:100px;gap:13px;width:max-content;max-height:100%;height:100%}.desktop-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;color:white;text-shadow:0 1px 4px #0008;cursor:pointer;width:96px;height:103px;background:transparent;padding:8px;border-radius:12px;text-decoration:none;font-size:12px}.desktop-link:hover{background:#ffffff1c}.desktop-link span{max-width:94px;text-align:center;word-break:break-word}.desktop-link .remove-link{position:absolute;top:0;right:0;background:#253446cc;border:1px solid #fff5;border-radius:50%;color:white;width:21px;height:21px;display:none;padding:0}.desktop-link:hover .remove-link,.desktop-link:focus-within .remove-link{display:block}.welcome{position:fixed;top:17%;left:50%;transform:translateX(-50%);text-align:center;color:#fff;pointer-events:none;text-shadow:0 2px 20px #18243c44;min-width:300px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#ffffffe0}.welcome h1{font-weight:350;font-size:54px;letter-spacing:-2px;margin:14px 0}.welcome p{font-size:14px;color:#ffffffb3;line-height:1.7}.desktop-tip{position:fixed;bottom:115px;left:0;right:0;text-align:center;color:#ffffffb0;font-size:11px;letter-spacing:.4px;pointer-events:none}.dock{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:11px 14px 7px;border:1px solid #ffffff5c;border-radius:23px;background:#e2e6f537;backdrop-filter:blur(30px);box-shadow:0 10px 40px #12233550,inset 0 1px 0 #fff3;z-index:900;max-width:95vw;overflow:visible}.dock-item{position:relative;background:transparent;padding:0 0 8px;display:flex;justify-content:center;transition:transform .18s;flex-shrink:0}.dock-item:hover{transform:translateY(-8px)}.dock-item:before{content:attr(aria-label);position:absolute;bottom:83px;left:50%;transform:translateX(-50%);background:#25283ce8;box-shadow:0 2px 12px #0002;color:white;border-radius:6px;padding:6px 10px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}.dock-item:hover:before{opacity:1}.dock-item.running:after{content:'';position:absolute;bottom:0;width:4px;height:4px;background:#ffffffc0;border-radius:50%}.dock-divider{height:46px;width:1px;background:#ffffff40;margin:0 1px 7px}.app-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-radius:15px;box-shadow:0 5px 10px #14223438,inset 0 1px 2px #fff9,inset 0 -1px 2px #0003;overflow:hidden}.app-icon svg{width:42px;height:42px}.icon-settings{background:linear-gradient(#e8ecf2,#9ba7b7);color:#465366}.icon-calculator{background:linear-gradient(#444856,#232733);color:white}.icon-notes{background:linear-gradient(#ffd75c 0 28%,#fff 28%);color:#c8c4b7}.icon-browser{background:linear-gradient(#5ed8f2,#1470db);color:#fff}.icon-link{background:linear-gradient(135deg,#f8faff,#e0e5ef);color:#687a97}.icon-link img{width:36px;height:36px;object-fit:contain;border-radius:5px}.window{position:absolute;top:110px;left:calc(50% - 330px);width:660px;height:470px;min-width:340px;min-height:280px;border:1px solid #ffffff85;border-radius:13px;background:#f6f7fa;box-shadow:0 25px 80px #101c3b60,0 2px 10px #0002;display:flex;flex-direction:column;resize:both;overflow:hidden;max-width:calc(100vw - 20px);max-height:calc(100dvh - 145px)}.window.maximized{top:43px!important;left:10px!important;width:calc(100vw - 20px)!important;height:calc(100dvh - 145px)!important}.titlebar{height:47px;min-height:47px;display:flex;align-items:center;background:#eceef1;border-bottom:1px solid #dcdfe5;cursor:grab;touch-action:none;user-select:none;padding:0 15px}.titlebar:active{cursor:grabbing}.traffic{display:flex;gap:8px;z-index:1}.traffic button{border-radius:50%;width:13px;height:13px;font-size:11px;line-height:13px;padding:0;color:transparent;border:1px solid #0002}.traffic:hover button{color:#0009}.close{background:#ff6058}.minimize{background:#ffbd2e}.maximize{background:#28c840}.window-title{position:absolute;left:90px;right:90px;text-align:center;font-weight:600;font-size:13px;pointer-events:none}.window-body{flex:1;min-height:0;overflow:auto}.panel{padding:28px 30px}.panel h2{margin:0 0 7px;font-size:23px;letter-spacing:-.5px}.muted{color:#7c8190;font-size:12px;line-height:1.6}.section-title{font-size:11px;font-weight:650;letter-spacing:1.4px;color:#8b8e9a;text-transform:uppercase;margin:25px 0 12px}.card{background:white;border:1px solid #e3e5eb;border-radius:10px;padding:15px;margin-top:10px}.row{display:flex;align-items:center;gap:14px}.row+.row{margin-top:14px}.row strong{font-size:13px}.row small{display:block;margin-top:4px;color:#858997}.badge{background:#edf0fb;color:#686ba1;font-size:10px;padding:4px 8px;border-radius:6px}.tabs{display:flex;gap:5px;margin-bottom:26px;border-bottom:1px solid #e0e2e8;padding-bottom:12px}.tabs button{background:transparent;padding:7px 12px;color:#858997;border-radius:7px;font-size:12px}.tabs .selected{background:white;color:#343b4d;box-shadow:0 1px 4px #0001}.wallpaper-options{display:flex;gap:12px;margin:18px 0}.swatch{height:75px;flex:1;border-radius:9px;border:3px solid transparent;background-size:cover!important;background-position:center!important;box-shadow:0 1px 5px #0001}.swatch.selected{outline:2px solid #6b7cba;outline-offset:3px}.swatch[data-wall=aurora]{background-image:url('/wallpaper.svg')}.swatch[data-wall=dusk]{background:linear-gradient(135deg,#3d3878,#e9a493)}.swatch[data-wall=ocean]{background:linear-gradient(135deg,#193d53,#9bcecc)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:7px;background:white;border:1px solid #dce0e8;font-size:12px;font-weight:550;text-decoration:none}.primary{background:#536ba5;border-color:#536ba5;color:#fff}.danger{color:#be3c4c}.field{display:flex;flex-direction:column;gap:7px;margin:17px 0;font-size:12px;font-weight:550}input,textarea{border:1px solid #dce0e7;background:white;border-radius:7px;padding:11px 12px;color:#303546;width:100%;font-weight:400}input:focus,textarea:focus{border-color:#6f86bd;outline:2px solid #7188c822}input[type=checkbox]{width:34px;height:19px;accent-color:#536ba5}input[type=file]{font-size:11px;padding:8px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.error{color:#ba354e;font-size:12px;line-height:1.5}.calculator{width:300px;height:425px;min-width:280px;left:calc(50% - 150px);background:#292d36;color:white}.calculator .titlebar{background:#292d36;border:0}.calculator .window-body{display:flex;flex-direction:column;padding:0 12px 14px}.calc-expression{height:23px;text-align:right;font-size:13px;color:#b8bdc8;padding:0 10px}.calc-display{text-align:right;font-size:48px;font-weight:300;padding:0 8px 15px;overflow:hidden;white-space:nowrap}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;flex:1}.calc-keys button{background:#555b66;border-radius:9px;font-size:22px;color:white;min-height:40px}.calc-keys .utility{background:#3d424d}.calc-keys .operator{background:#e9a13e}.calc-keys button:active{filter:brightness(1.25)}.notes-layout{display:flex;height:100%}.notes-sidebar{width:195px;min-width:145px;border-right:1px solid #e0dfd7;background:#f2f1eb;padding:14px 9px;overflow:auto}.notes-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 4px 12px;color:#99947e;font-size:11px}.notes-toolbar button{background:transparent;font-size:21px;color:#a88b3e}.note-entry{width:100%;text-align:left;border-radius:7px;background:transparent;padding:13px 12px;margin-bottom:5px}.note-entry.selected{background:#e8dfbe}.note-entry strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-entry small{display:block;font-size:10px;color:#999587;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-editor{flex:1;min-width:0;display:flex;flex-direction:column;background:#fffefa;padding:20px 25px}.note-meta{display:flex;align-items:center;color:#a6a392;font-size:10px;margin-bottom:16px;gap:8px}.note-meta button{background:transparent;color:#b6a77e}.note-title{border:0;background:transparent;border-radius:0;padding:0 0 15px;font-size:24px;font-weight:650;outline:0!important}.note-body{border:0;background:transparent;border-radius:0;padding:0;resize:none;flex:1;outline:0!important;line-height:1.8;font-size:13px}.empty-note{margin:auto;text-align:center;color:#aaa}.auth-shell{position:fixed;inset:0;display:grid;place-items:center;padding:20px}.auth-card{width:385px;max-width:100%;background:#f6f8f4ed;backdrop-filter:blur(30px);border:1px solid #fff9;border-radius:20px;padding:32px 35px;box-shadow:0 30px 90px #15243950}.auth-mark{height:49px;width:49px;background:#536ba5;border-radius:14px;color:white;display:grid;place-items:center;font-size:28px;box-shadow:0 4px 10px #536ba540;margin-bottom:24px}.auth-card h1{font-size:28px;letter-spacing:-1px;margin:0 0 8px;font-weight:600}.auth-card p{font-size:12px;color:#818696;line-height:1.6}.auth-card .primary{width:100%;margin-top:5px;padding:12px}.auth-switch{background:transparent;width:100%;margin-top:15px;color:#687eac;font-size:12px}.auth-footer{position:fixed;bottom:23px;font-size:10px;letter-spacing:2px;color:#ffffffa0;text-transform:uppercase}.account-icon{width:37px;height:37px;border-radius:50%;background:#dfe5f1;color:#627496;display:grid;place-items:center;font-weight:600;font-size:14px}.user-list{max-height:165px;overflow:auto}.user-list .row{padding:7px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.help-grid .card{margin:0;line-height:1.6}.help-grid strong{font-size:13px}.help-grid p{font-size:12px;color:#828896}.empty-links{color:#aaa}#toast{position:fixed;top:51px;left:50%;transform:translateX(-50%) translateY(-20px);background:#263348ed;border:1px solid #fff3;border-radius:9px;color:white;padding:12px 20px;box-shadow:0 5px 30px #0002;z-index:3000;opacity:0;pointer-events:none;transition:.2s;font-size:12px}#toast.show{opacity:1;transform:translateX(-50%)}@media(max-width:600px){.menubar{padding:0 8px}.menubar button{padding:7px}.menubar .optional{display:none}.welcome h1{font-size:39px}.dock{gap:10px}.app-icon{width:49px;height:49px;border-radius:13px}.dock-item:before{bottom:72px}.window{left:10px!important;top:65px;width:calc(100vw - 20px);min-width:280px}.panel{padding:20px}.notes-sidebar{width:145px}.note-editor{padding:18px 15px}.desktop-content{padding:24px 13px}.help-grid{grid-template-columns:1fr}.menu{left:96px}}
[hidden]{display:none!important}.desktop-link .edit-link{position:absolute;top:0;left:0;background:#253446cc;border:1px solid #fff5;border-radius:50%;color:white;width:21px;height:21px;display:none;padding:0;font-size:11px}.desktop-link:hover .edit-link,.desktop-link:focus-within .edit-link{display:block}
/* Folders, dock shortcuts, and move destinations. */
.desktop-link>a,.folder-open{color:inherit;text-decoration:none;display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;background:transparent;padding:0;text-shadow:inherit;font-size:12px}.desktop-folder{height:113px;gap:4px}.desktop-folder small{font-size:10px;color:#ffffffa0;text-shadow:0 1px 3px #0006}.icon-folder{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.icon-folder svg{width:58px;height:58px;filter:drop-shadow(0 4px 5px #16334b33)}.favicon-fallback{font-size:26px;font-weight:650}.desktop-link.dragging,.dock-item.dragging{opacity:.35}.moving-link .desktop-content{outline:1px dashed #ffffff30;outline-offset:-12px}.desktop-content.drop-target{background:#ffffff10;outline:2px dashed #ffffff65;outline-offset:-12px}.desktop-folder.drop-target{background:#8fc8ff50;outline:2px solid #c1e2ff;outline-offset:3px}.dock.drop-target{background:#bedfff70;outline:2px solid #c1e2ff;outline-offset:4px}.context-menu{position:fixed;z-index:2000;max-height:calc(100dvh - 54px);overflow:auto;max-width:calc(100vw - 16px)}.context-menu button{white-space:normal;overflow-wrap:anywhere}.context-menu button:disabled:hover{background:transparent;color:#888}.folder-window .window-body{display:flex;flex-direction:column;background:#fafbfd;transition:background .15s}.folder-window .window-body.drop-target{background:#e2efff;box-shadow:inset 0 0 0 2px #8bb2ea}.folder-toolbar{display:flex;align-items:center;gap:15px;padding:10px 18px;border-bottom:1px solid #e3e7ef;font-size:11px;color:#959ba9}.folder-toolbar .button{padding:6px 10px;font-size:11px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));align-content:start;gap:12px;padding:22px 18px;min-height:200px;flex:1}.folder-grid .desktop-link{color:#434c60;text-shadow:none;width:100%;height:110px}.folder-grid .desktop-link:hover{background:#e7edf6}.folder-grid .desktop-link span{max-width:110px}.folder-empty{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9aa3b3;font-size:12px;text-align:center;pointer-events:none}.folder-empty strong{font-weight:550;color:#68758b}.folder-empty .app-icon{opacity:.7}.folder-open span{overflow-wrap:anywhere}.desktop-links{grid-template-rows:repeat(auto-fill,114px)}@media(max-width:600px){.folder-grid{padding:17px 10px}}

.window-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Recycle Bin retains folders and websites until explicitly emptied. */
.icon-trash,.icon-trashfull{background:linear-gradient(#f5f7fa,#bdcad7);color:#748797}.recycle-dock.drop-target{outline:2px solid #d2e7ff;outline-offset:5px;border-radius:15px;background:#b2d5fa50}.bin-count{position:absolute;right:-5px;top:-5px;background:#536ba5;color:#fff;border:1px solid #cad7f1;border-radius:12px;min-width:19px;height:19px;line-height:17px;text-align:center;font-size:10px;padding:0 4px;box-shadow:0 1px 5px #0003}.bin-explainer{padding:14px 20px;color:#8c96a5;font-size:12px;border-bottom:1px solid #e8ebf1}.bin-items{padding:8px 18px}.bin-row{display:flex;gap:14px;align-items:center;padding:14px 2px;border-bottom:1px solid #e6eaf0}.bin-row .app-icon{width:44px;height:44px;border-radius:11px}.bin-row .icon-folder{border-radius:0}.bin-row .app-icon svg{width:39px;height:39px}.bin-row .app-icon img{width:28px;height:28px}.bin-item-info{flex:1;min-width:0}.bin-item-info strong{font-size:13px;display:block;overflow-wrap:anywhere}.bin-item-info small{display:block;color:#919aaa;font-size:11px;margin-top:6px;line-height:1.5;overflow-wrap:anywhere}.destructive{color:white;background:#ba4f58;border-color:#ba4f58}.recycle-window .window-body.drop-target{box-shadow:inset 0 0 0 2px #8bb2ea;background:#e2efff}@media(max-width:600px){.dock{gap:7px;padding-inline:10px}.dock-divider{margin-inline:0}.bin-row{gap:10px}.bin-row .button{padding:7px 9px}}
.screen-menu{max-height:calc(100dvh - 60px);overflow:auto;width:245px;max-width:calc(100vw - 16px)}.screen-menu hr{border:0;border-top:1px solid #d9dce3;margin:5px 4px}.screen-choice{gap:14px;align-items:center}.screen-choice span:first-child{overflow-wrap:anywhere;min-width:0}.screen-choice[aria-current=true]{font-weight:650}.welcome #screen-label{max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#screen-menu{flex-shrink:0}@media(max-width:600px){.app-name{max-width:86px}}

/* A single scrolling row gives apps and websites the same hover and ordering. */
.dock{padding:0 12px 5px;gap:0;user-select:none}.dock-track{display:flex;align-items:center;gap:12px;max-width:calc(95vw - 28px);overflow-x:auto;overflow-y:hidden;padding:15px 10px 3px;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent}.dock .dock-item{transition:transform .18s;text-decoration:none;cursor:pointer}.dock .dock-item:hover{transform:translateY(-8px)}.dock .dock-item:before{display:none}.dock-tooltip{position:fixed;transform:translate(-50%,-100%);z-index:1500;pointer-events:none;background:#25283ce8;box-shadow:0 2px 12px #0002;color:white;border-radius:6px;padding:6px 10px;font-size:12px;max-width:calc(100vw - 20px);overflow-wrap:anywhere}.dock .dock-item.drop-before:before,.dock .dock-item.drop-after:before{content:'';display:block;position:absolute;top:3px;bottom:auto;left:-8px;width:3px;height:50px;border-radius:3px;background:#e7f3ff;opacity:1;transform:none;box-shadow:0 0 8px #bbdcff80}.dock .dock-item.drop-after:before{left:calc(100% + 6px)}.moving-link .dock-item:hover{transform:none}.dock-track>.dragging{opacity:.35}@media(max-width:600px){.dock{padding:0 8px 5px}.dock-track{gap:8px;max-width:calc(95vw - 20px)}}
/* Desktop cells have stable coordinates instead of automatic packing. */
.desktop-links{display:block;position:relative;width:100%;height:100%;max-height:none}.desktop-links>.desktop-link{position:absolute;width:100px;height:114px;user-select:none}.desktop-drop-marker{position:absolute;pointer-events:none;width:100px;height:114px;border:2px solid #c6e6ff;border-radius:12px;background:#b5dfff30;box-shadow:0 0 0 1px #31577b20;color:white;font-size:10px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;text-shadow:0 1px 3px #173959;z-index:2}.moving-link .desktop-links{background-image:linear-gradient(to right,#ffffff12 1px,transparent 1px),linear-gradient(to bottom,#ffffff12 1px,transparent 1px);background-size:113px 127px}