@charset "UTF-8";
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233639;font-size:16px;font-synthesis:none;--ink:#233639;--muted:#697a7c;--panel:rgba(248,252,251,.9);--surface:rgba(255,255,255,.68);--line:rgba(34,62,66,.1);--accent:#168371;--accent-soft:#dff3eb;--shadow:0 28px 90px #082f4040,0 1px 0 #ffffff80 inset;--sidebar:rgba(231,240,237,.74);--field:rgba(255,255,255,.74);--radius:22px}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#164b5c}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button{transition:background .18s,transform .18s,box-shadow .18s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #239bce;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #4aaf97;outline-offset:1px}input,textarea,select{min-width:0;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:11px;padding:11px 13px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:none}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px}input[type=range]{accent-color:var(--accent);padding:0}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h2{font-size:1.4rem;letter-spacing:-.04em}h3{font-size:1rem;letter-spacing:-.02em}p{line-height:1.55}svg.icon{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button .icon{vertical-align:middle}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.glass{background:var(--panel);border:1px solid #ffffff65;box-shadow:var(--shadow);backdrop-filter:blur(38px) saturate(1.5);-webkit-backdrop-filter:blur(38px) saturate(1.5)}.primary,.secondary,.danger{padding:11px 17px;border-radius:11px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--accent);color:white;box-shadow:0 3px 7px #0e574c1a}.primary:hover{background:#126a5d;transform:translateY(-1px)}.secondary{background:var(--surface);border:1px solid var(--line)}.secondary:hover{background:var(--accent-soft)}.danger{background:#fae6e5;color:#a93e35}.muted{color:var(--muted)}.small{font-size:.8125rem}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:var(--muted)}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:9px}.icon-button:hover{background:var(--line)}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty>.icon{width:40px;height:40px;margin-bottom:12px;opacity:.6}.empty h3{color:var(--ink);margin-bottom:7px}.empty p{font-size:.875rem;margin-bottom:18px}.form-error{color:#ad342c;font-size:.875rem;margin:10px 0;min-height:0}.form-error:empty{display:none}
/* Abstract coastal light, rendered entirely in CSS. */
.wallpaper{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 22% 8%,#b6dadb 0,transparent 44%),linear-gradient(140deg,#73aeb8 8%,#315d75 53%,#133b55 90%);z-index:-1}.ribbon{position:absolute;pointer-events:none;border-radius:50%;transform:rotate(-34deg);will-change:transform}.ribbon-one{width:140vw;height:66vw;left:-25vw;top:36vh;background:linear-gradient(155deg,#d0e3d1 8%,#84b7ab 32%,#397e80 54%,#10465e 66%,#9ecccc 67%,#dce5cb 70%,#cdab80 76%,#847965 94%);box-shadow:0 -6px 35px #e8fff842,0 -60px 140px #0b405833 inset}.ribbon-two{width:100vw;height:63vw;left:6vw;top:59vh;background:linear-gradient(164deg,#cae0d2 0%,#70b3a6 24%,#176779 47%,#0c354d 65%);box-shadow:0 -2px 7px #c2efe9,0 -20px 50px #031f4626}.ribbon-three{width:125vw;height:68vw;left:22vw;top:94vh;background:linear-gradient(170deg,#ecce9d,#8b9a85 30%,#124c5a 62%);box-shadow:0 -4px 14px #ffedb45e}.grain{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}body[data-wallpaper=night] .wallpaper{filter:hue-rotate(32deg) brightness(.6) saturate(.9)}body[data-wallpaper=dawn] .wallpaper{filter:hue-rotate(155deg) saturate(.65)}body[data-wallpaper=mono] .wallpaper{filter:grayscale(1)}
.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:135px 20px 65px;color:#fff}.login-brand{position:absolute;top:27px;left:36px;display:flex;align-items:center;gap:12px;font-size:.875rem;letter-spacing:.15em;text-decoration:none;color:white;font-weight:600}.brand-mark{font-size:1.55rem;line-height:1;letter-spacing:-.12em;font-weight:750;padding-right:5px}.os-label{font-size:.75rem;border:1px solid #ffffff60;padding:3px 5px;border-radius:5px;letter-spacing:.02em}.lock-clock{position:absolute;top:38px;text-align:center;text-shadow:0 2px 20px #1a4b591c}.lock-clock p{margin:0 0 -2px;font-size:.9rem;font-weight:500}.lock-clock time{font-size:5rem;font-weight:550;letter-spacing:-.07em;line-height:1.15}.login-card{width:365px;max-width:100%;padding:30px;color:var(--ink);border-radius:28px;text-align:center;background:rgba(245,252,248,.73);animation:appear .5s ease both}.avatar{width:67px;height:67px;border-radius:50%;margin:0 auto 19px;background:linear-gradient(150deg,#fff,#cee7dd);border:3px solid #fff9;box-shadow:0 4px 18px #3d80752b;display:grid;place-items:center;font-size:2rem;font-weight:500;color:#317e6d;position:relative}.avatar span{position:absolute;right:0;bottom:1px;width:13px;height:13px;background:#49aa7b;border:3px solid #eaf3ee;border-radius:50%}.login-card h1{font-size:1.55rem;letter-spacing:-.055em;margin:0 0 8px;font-weight:600}.login-subtitle{font-size:.875rem;color:#617775;margin-bottom:23px}.login-card input{width:100%;margin-bottom:10px;font-size:.875rem;background:#ffffff73;border-color:#ffffff65;height:44px}.password-field{position:relative}.password-field input{padding-right:40px}.password-field button{position:absolute;right:8px;top:8px;padding:3px}.password-field svg{width:18px;height:18px;color:#69827c}.login-submit{width:100%;justify-content:space-between;padding:13px 16px;margin-top:3px}.login-security{display:block;font-size:.75rem;margin-top:21px;color:#617775}.login-footer{position:absolute;bottom:24px;left:36px;right:36px;display:flex;justify-content:space-between;color:#ffffffb3;font-size:.75rem;letter-spacing:.025em}.login-footer b{margin-left:6px;font-weight:400}.setup-hint{font-size:.8125rem;text-align:left;color:#56736c}.login-card label:not(.sr-only){display:block;text-align:left;font-size:.8125rem;margin-bottom:6px}
.menubar{height:39px;position:absolute;top:0;left:0;right:0;z-index:500;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:rgba(237,248,243,.66);border-radius:0;box-shadow:0 1px 0 #ffffff20;border:0;color:#203b3f;font-size:.8125rem}.menu-left,.menu-right{display:flex;align-items:center;gap:19px}.menu-left .brand-mark{font-size:1.6rem;margin-right:3px}.menu-left b{font-size:.8125rem}.menubar button{padding:4px;border-radius:5px;font-size:.8125rem}.menubar button:hover{background:#ffffff40}.menubar .icon{width:17px;height:17px}.network-status{display:flex;align-items:center;gap:6px;font-size:.75rem}.network-status:before{content:"";width:6px;height:6px;background:#27836c;border-radius:50%}.network-status.offline:before{background:#e9a052}.desktop-caption{position:absolute;left:40px;bottom:130px;color:#ffffff92;user-select:none}.desktop-caption>span{font-size:.75rem;letter-spacing:.28em;font-weight:500}.desktop-caption p{font-size:.875rem;margin:9px 0}.desktop-shortcuts{position:absolute;right:23px;top:65px;display:flex;flex-direction:column;gap:20px;align-items:center}.desktop-shortcut{width:84px;color:white;text-shadow:0 2px 7px #123d68;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:.75rem;padding:7px;border-radius:12px}.desktop-shortcut:hover{background:#ffffff20}.desktop-shortcut .app-icon{width:51px;height:51px}.app-icon{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(160deg,var(--icon-top,#67c4e3),var(--icon-bottom,#298cb8));box-shadow:0 2px 5px #24443b1a,inset 0 1px 1px #ffffffa0,inset 0 -1px 1px #00000020;color:white;position:relative;flex-shrink:0}.app-icon .icon{width:25px;height:25px;stroke-width:1.7;filter:drop-shadow(0 1px 1px #0001)}.app-icon[data-app=home]{--icon-top:#57b49d;--icon-bottom:#15785f}.app-icon[data-app=notes]{--icon-top:#ffd571;--icon-bottom:#e5a42d}.app-icon[data-app=music]{--icon-top:#ff8b97;--icon-bottom:#e24e77}.app-icon[data-app=photos]{--icon-top:#b9acfa;--icon-bottom:#856ac9}.app-icon[data-app=calendar]{--icon-top:#f99584;--icon-bottom:#d7584c}.app-icon[data-app=tasks]{--icon-top:#89b5f0;--icon-bottom:#517ece}.app-icon[data-app=calculator]{--icon-top:#9aada9;--icon-bottom:#5b716c}.app-icon[data-app=browser]{--icon-top:#61d4e7;--icon-bottom:#327db9}.app-icon[data-app=capture]{--icon-top:#a5b1cb;--icon-bottom:#667997}.app-icon[data-app=terminal]{--icon-top:#4d615f;--icon-bottom:#223d3b}.app-icon[data-app=settings]{--icon-top:#b9c2c6;--icon-bottom:#7f919a}.app-icon[data-app=monitor]{--icon-top:#81c9b9;--icon-bottom:#3d8e7d}.dock{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:9px 11px 6px;border-radius:23px;z-index:600;background:#e4f1e678;box-shadow:0 10px 40px #103e4540,0 1px 1px #fff9 inset}.dock button{padding:0 0 6px;position:relative;display:block;border-radius:14px}.dock .app-icon{width:48px;height:48px;border-radius:13px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.dock button:hover .app-icon{transform:translateY(-9px) scale(1.15)}.dock button::after{content:attr(aria-label);position:absolute;bottom:76px;left:50%;transform:translateX(-50%);background:#f5faf0ec;color:#23403a;padding:6px 10px;border-radius:7px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 2px 10px #0002}.dock button:hover::after,.dock button:focus-visible::after{opacity:1}.dock button.running:before{content:"";position:absolute;bottom:0;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#284d42}.dock-separator{width:1px;background:#4565552b;margin:5px 2px 10px}
.window{position:absolute;width:980px;height:625px;max-width:calc(100vw - 38px);max-height:calc(100dvh - 141px);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:var(--panel);animation:appear .28s cubic-bezier(.2,.8,.2,1);transition:opacity .16s,box-shadow .2s;min-width:340px;min-height:290px;resize:both}.window:not(.focused){box-shadow:0 14px 45px #082f4026}.window.maximized{left:10px!important;top:49px!important;width:calc(100vw - 20px)!important;height:calc(100dvh - 137px)!important;max-width:none;max-height:none;resize:none}.window.minimized{display:none}.window-header{height:49px;min-height:49px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid var(--line);gap:20px;touch-action:none;user-select:none}.traffic-lights{display:flex;gap:8px;align-items:center}.traffic-lights button{width:12px;height:12px;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 0 0 1px #00000012}.traffic-lights button:nth-child(1){background:#ef8276}.traffic-lights button:nth-child(2){background:#edc565}.traffic-lights button:nth-child(3){background:#80bc88}.traffic-lights button:hover::after{content:attr(data-symbol);position:absolute;inset:-3px;line-height:18px;font-size:12px;color:#0009}.window-title{font-size:.8125rem;font-weight:600;flex:1;text-align:center;padding-right:56px;pointer-events:none}.window-body{flex:1;min-height:0;overflow:auto}.app-layout{display:flex;height:100%}.sidebar{width:191px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);padding:22px 13px;display:flex;flex-direction:column;gap:3px}.sidebar-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:650;padding:4px 10px;margin-bottom:9px}.sidebar-label.spaced{margin-top:23px}.sidebar button{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;text-align:left;font-size:.8125rem}.sidebar button .icon{width:18px;height:18px;color:#647f79}.sidebar button.active{background:#ffffffe0;box-shadow:0 2px 8px #1b635a09;color:var(--accent);font-weight:600}.sidebar button.active .icon{color:var(--accent)}.sidebar button:hover{background:var(--surface)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 6px 0}.sidebar-avatar{width:32px;height:32px;background:#c6e3d8;border-radius:50%;display:grid;place-items:center;color:#2d7561;font-weight:600}.sidebar-user b{font-size:.8125rem;display:block}.sidebar-user small{font-size:.75rem;color:var(--muted)}.app-main{flex:1;min-width:0;padding:26px 29px;overflow:auto}.home-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.home-top .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:9px}.home-top h1{font-size:1.95rem;letter-spacing:-.06em;font-weight:570;margin:0 0 6px}.home-top p{font-size:.8125rem;color:var(--muted);margin:0}.home-search{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;gap:11px;align-items:center;padding:10px 12px;font-size:.75rem;color:var(--muted);margin-top:4px}.home-search .icon{width:15px;height:15px}.home-search kbd{font:inherit;background:var(--panel);padding:1px 3px;border-radius:3px}.home-cards{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-bottom:25px}.welcome-card{border-radius:16px;background:linear-gradient(135deg,#d6e9dd,#ebedda);padding:23px 23px 19px;position:relative;min-height:167px;overflow:hidden;border:1px solid #ffffff90;color:#2e564a}.welcome-card:after{content:"";position:absolute;width:220px;height:170px;border-radius:50%;right:-55px;bottom:-105px;box-shadow:0 0 0 22px #82b39b22,0 0 0 46px #82b39b16,0 0 0 70px #82b39b11;transform:rotate(-25deg)}.welcome-card .eyebrow{color:#547c6b;font-size:.75rem;margin-bottom:12px}.welcome-card h2{font-size:1.45rem;font-weight:560;line-height:1.2;margin-bottom:9px}.welcome-card p{font-size:.75rem;max-width:215px;color:#698074;margin:0 0 15px}.text-action{font-size:.75rem;padding:0;color:#376d59;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.text-action .icon{width:15px;height:15px}.today-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:19px 20px;position:relative}.today-card .eyebrow{font-size:.75rem;letter-spacing:.1em}.today-card time{font-size:2.6rem;letter-spacing:-.06em;line-height:1.15;font-weight:500;display:block;margin:13px 0 6px}.today-card p{font-size:.75rem;color:var(--muted);margin:0}.today-card .icon{position:absolute;right:20px;top:20px;width:18px;color:#87a793}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:.9rem;letter-spacing:-.02em;margin:0;font-weight:620}.section-heading button{font-size:.75rem;color:var(--muted);padding:0;display:flex;align-items:center;gap:4px}.section-heading .icon{width:13px;height:13px}.quick-apps{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:25px}.quick-app{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 3px 11px;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:.75rem}.quick-app:hover{transform:translateY(-3px);box-shadow:0 6px 18px #1b514c0c;background:var(--field)}.quick-app .app-icon{width:35px;height:35px;border-radius:10px}.quick-app .app-icon .icon{width:21px;height:21px}.home-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.recent-list{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.recent-row{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}.recent-row:last-child{border-bottom:0}.recent-row>.icon{width:21px;height:21px;color:#78958b}.recent-row span{flex:1;min-width:0}.recent-row b{font-size:.75rem;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row small{font-size:.75rem;color:var(--muted)}.recent-row:hover{background:var(--accent-soft)}.storage-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:16px;min-height:112px}.storage-card>div{display:flex;gap:9px;align-items:center;margin-bottom:14px;font-size:.75rem}.storage-card .icon{color:#709688;width:21px}.meter{height:5px;border-radius:10px;background:var(--line);overflow:hidden;margin-bottom:8px}.meter>span{height:100%;display:block;background:#6cae96;border-radius:10px;min-width:2px}.storage-card small{font-size:.75rem;color:var(--muted)}.home-footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;background:#6dae8c;border-radius:50%;margin-right:5px}
.toolbar{display:flex;align-items:center;gap:9px;padding:15px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar h2{font-size:1rem;margin:0;flex:1}.toolbar input[type=search]{width:190px;font-size:.8125rem;padding:8px 10px}.toolbar .primary,.toolbar .secondary{font-size:.75rem;padding:8px 11px}.toolbar .icon{width:17px;height:17px}.fill{height:100%;display:flex;flex-direction:column}.scroll-content{flex:1;overflow:auto;min-height:0}.file-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px;align-content:start}.file-card{position:relative;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:16px 10px 11px;text-align:center;min-height:126px}.file-open{display:block;width:100%;padding:0}.file-card .file-open>.icon{width:42px;height:42px;color:#639dac;margin:5px 0 10px}.file-card img{height:55px;width:100%;object-fit:contain;display:block;margin:0 0 10px}.file-card b{display:block;font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.file-actions{display:flex;justify-content:center;gap:4px;margin-top:8px}.file-actions button{height:25px;width:27px}.file-actions .icon{width:14px;height:14px}.file-card:hover{background:var(--accent-soft)}.file-status{padding:9px 20px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.drop-active{outline:3px dashed var(--accent);outline-offset:-8px;background:var(--accent-soft)}.notes-list{width:220px;flex-shrink:0;border-right:1px solid var(--line);background:var(--sidebar);overflow:auto;padding:14px 10px}.note-list-item{padding:13px 12px;text-align:left;width:100%;border-radius:10px;margin-top:5px}.note-list-item.active{background:var(--surface);box-shadow:0 2px 10px #23453b0a}.note-list-item b{font-size:.875rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-list-item p{color:var(--muted);font-size:.75rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:6px 0 0}.note-editor{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}.note-title{border:0;border-radius:0;background:none;font-size:1.7rem;font-weight:600;letter-spacing:-.05em;padding:0 0 13px;width:100%}.note-body{border:0;border-radius:0;background:none;width:100%;flex:1;line-height:1.8;font-size:.9375rem;padding:12px 0}.note-tools{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.note-tools span{flex:1}.media-layout{display:grid;grid-template-columns:1fr 255px;height:100%;min-height:320px}.player{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;min-width:0;background:radial-gradient(ellipse at top,#f1dfda99,transparent 70%)}.album-art{width:175px;height:175px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 15%,#eccc97,transparent 50%),linear-gradient(150deg,#dda49b,#a24f76 55%,#405374);box-shadow:0 20px 35px #6e495c28;margin-bottom:22px;position:relative;overflow:hidden}.album-art::before,.album-art::after{content:"";position:absolute;width:190px;height:90px;background:#dfbfa144;border:1px solid #ffffff40;border-radius:50%;transform:rotate(-32deg);bottom:-6px}.album-art::after{bottom:21px;left:-85px;background:#edc89155}.album-art .icon{width:49px;height:49px;stroke-width:1;color:#fff;z-index:1}.player h2{font-size:1.15rem;text-align:center;margin-bottom:7px;max-width:100%;overflow-wrap:anywhere}.player p{font-size:.8125rem;color:var(--muted);margin-bottom:24px}.player audio{width:100%;max-width:420px;height:42px}.player video{max-width:100%;width:100%;max-height:250px;border-radius:12px;background:#102225}.player-buttons{display:flex;align-items:center;gap:17px;margin-top:17px}.playlist{border-left:1px solid var(--line);padding:20px 12px;overflow:auto;background:var(--surface)}.playlist h3{padding-left:10px;font-size:.875rem}.playlist-item{width:100%;padding:12px 10px;text-align:left;border-radius:9px;display:flex;gap:10px;align-items:center}.playlist-item.active{background:var(--accent-soft)}.playlist-item .icon{width:20px;color:#ad6680}.playlist-item span{font-size:.8125rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.playlist .empty{padding:25px 5px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;padding:20px}.photo-tile{background:var(--surface);border:1px solid var(--line);padding:0;border-radius:14px;overflow:hidden;text-align:left}.photo-tile img{width:100%;height:140px;object-fit:cover}.photo-tile span{display:block;font-size:.75rem;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:12px;background:#182b2e}.viewer img{max-width:100%;max-height:calc(100% - 45px);object-fit:contain;border-radius:5px}.viewer pre{white-space:pre-wrap;overflow:auto;width:100%;height:100%;background:var(--surface);padding:20px;border-radius:8px;font-size:.875rem;color:var(--ink)}.viewer iframe{border:0;width:100%;height:100%;background:white;border-radius:8px}.viewer .secondary{background:#edf7f0;color:#284640}.calendar-layout{display:grid;grid-template-columns:1fr 250px;height:100%}.calendar-main{padding:24px}.calendar-head{display:flex;align-items:center;gap:8px;margin-bottom:20px}.calendar-head h2{flex:1;font-size:1.3rem;text-transform:capitalize;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday{text-align:center;font-size:.75rem;color:var(--muted);padding:8px 0}.day{height:54px;border-radius:10px;font-size:.875rem;position:relative}.day:hover{background:var(--surface)}.day.today{color:var(--accent);font-weight:700}.day.selected{background:var(--accent);color:white}.day.has-events:after{content:"";position:absolute;bottom:8px;left:calc(50% - 2px);background:currentColor;width:4px;height:4px;border-radius:50%}.day.outside{opacity:.35}.agenda{border-left:1px solid var(--line);padding:24px 18px;background:var(--surface);overflow:auto}.agenda h3{font-size:.875rem}.agenda-item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.agenda-item>div{flex:1}.agenda-item b{font-size:.8125rem;display:block;overflow-wrap:anywhere}.agenda-item small{font-size:.75rem;color:var(--muted)}.task-content{padding:24px;max-width:750px;margin:auto;width:100%}.task-entry{display:flex;gap:10px;margin:20px 0}.task-entry input{flex:1}.task-row{display:flex;gap:13px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:13px 15px;border-radius:12px;margin-bottom:9px}.task-row span{flex:1;font-size:.875rem;overflow-wrap:anywhere}.task-row.done span{text-decoration:line-through;color:var(--muted)}.task-filters{display:flex;gap:6px;margin:0 0 18px}.task-filters button{padding:7px 12px;font-size:.8125rem;border-radius:8px}.task-filters button.active{background:var(--accent-soft);color:var(--accent)}.calc{max-width:370px;margin:auto;padding:20px}.calc-history{text-align:right;min-height:26px;color:var(--muted);font-size:.875rem}.calc-display{width:100%;font-size:2.5rem;text-align:right;margin-bottom:20px;border:0;background:none;letter-spacing:-.04em;padding:4px}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.calc-keys button{background:var(--surface);height:57px;border-radius:14px;font-size:1.25rem;border:1px solid var(--line)}.calc-keys button:hover{background:var(--accent-soft)}.calc-keys .operator{color:var(--accent);background:var(--accent-soft)}.calc-keys .equals{background:var(--accent);color:white}.calc-keys .wide{grid-column:span 2}.browser-home{padding:40px 35px;text-align:center;max-width:750px;margin:auto}.browser-home>.app-icon{width:63px;height:63px;border-radius:17px;margin-bottom:22px}.browser-home h2{font-size:1.9rem;font-weight:550}.browser-search{display:flex;gap:8px;margin:25px auto}.browser-search input{flex:1}.bookmarks{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.bookmark{background:var(--surface);padding:20px 10px;border-radius:14px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:10px}.bookmark:hover{background:var(--accent-soft)}.browser-help{font-size:.8125rem;color:var(--muted);margin-top:26px}.capture-content{padding:24px}.capture-modes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.capture-preview{background:linear-gradient(150deg,#243c3e,#12282e);border-radius:16px;min-height:245px;display:grid;place-items:center;overflow:hidden;position:relative;color:#adc3c4}.capture-preview>.icon{width:50px;height:50px;stroke-width:1}.capture-preview video{width:100%;max-height:300px;display:block}.capture-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.recording-dot{height:9px;width:9px;display:inline-block;background:#e75a50;border-radius:50%;animation:pulse 1s infinite}.terminal{height:100%;background:#182b2b;color:#cee4d8;font: .8125rem/1.7 Consolas,"Courier New",monospace;padding:21px;overflow:auto}.terminal-output{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.terminal-form{display:flex;gap:10px;align-items:center}.terminal-prompt{color:#7dccab;white-space:nowrap}.terminal-input{font:inherit;flex:1;border:0;background:none;color:#edf6ec;padding:5px 0;outline:none!important}.settings-content{padding:26px;max-width:760px;margin:auto}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:17px}.settings-section h3{margin-bottom:17px}.setting-row{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row:first-of-type{padding-top:0}.setting-row p{font-size:.75rem;color:var(--muted);margin:5px 0 0;max-width:400px}.setting-row select{padding:8px 10px;font-size:.8125rem}.wallpaper-choices{display:flex;gap:9px}.wallpaper-choice{width:53px;height:36px;border-radius:8px;background:linear-gradient(135deg,#99c8c6,#22516b 48%,#b7c8a5 49%,#376c74 85%);border:3px solid transparent}.wallpaper-choice[data-value=night]{filter:hue-rotate(32deg) brightness(.6)}.wallpaper-choice[data-value=dawn]{filter:hue-rotate(155deg) saturate(.65)}.wallpaper-choice[data-value=mono]{filter:grayscale(1)}.wallpaper-choice.active{border-color:var(--accent);outline:2px solid var(--surface)}.password-change{display:grid;gap:10px}.password-change input{font-size:.875rem}.monitor-content{padding:25px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px}.stat-card{border-radius:14px;background:var(--surface);border:1px solid var(--line);padding:19px}.stat-card .eyebrow{font-size:.75rem;letter-spacing:.07em}.stat-card strong{display:block;font-size:1.7rem;font-weight:500;margin:12px 0 5px;letter-spacing:-.05em}.stat-card small{color:var(--muted);font-size:.75rem}.process-row,.capability-row{display:flex;justify-content:space-between;align-items:center;padding:11px 3px;gap:10px;border-bottom:1px solid var(--line);font-size:.8125rem}.process-row>span{flex:1}.process-row .app-icon{width:30px;height:30px;border-radius:8px}.process-row .icon{width:18px;height:18px}.capability-row small{color:var(--accent);font-size:.75rem}.app-catalog{padding:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.app-catalog .quick-app{padding:20px 10px;font-size:.8125rem;gap:12px}.app-catalog .app-icon{width:49px;height:49px;border-radius:14px}
.control-center{position:absolute;top:49px;right:16px;width:310px;padding:20px;border-radius:22px;z-index:650;animation:appear .18s}.control-center h3{margin-bottom:17px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-tile{display:flex;flex-direction:column;gap:9px;background:var(--surface);border-radius:14px;text-align:left;padding:15px;font-size:.8125rem}.control-tile.active{background:var(--accent-soft);color:var(--accent)}.control-tile small{font-size:.75rem;color:var(--muted)}.control-volume{margin:17px 0;display:flex;align-items:center;gap:12px}.control-volume input{width:100%}.control-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:.75rem}.spotlight{position:fixed;top:17%;margin:0 auto;padding:0;width:590px;max-width:calc(100vw - 30px);max-height:70dvh;border-radius:21px;color:var(--ink);overflow:hidden}.spotlight::backdrop,.prompt-dialog::backdrop{background:#102e3a35;backdrop-filter:blur(5px)}.spotlight-input{display:flex;align-items:center;padding:17px 19px;gap:13px;border-bottom:1px solid var(--line)}.spotlight-input input{border:0;outline:0;background:none;padding:3px 0;flex:1;font-size:1.1rem}.spotlight-input>button{font-size:.75rem;border:1px solid var(--line);border-radius:5px;padding:4px;color:var(--muted)}#spotlight-results{max-height:350px;overflow:auto;padding:9px}.search-result{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-align:left}.search-result:hover,.search-result:focus{background:var(--accent-soft)}.search-result>.icon{width:30px;height:30px;color:var(--accent)}.search-result b{font-weight:500;font-size:.875rem;display:block}.search-result small{font-size:.75rem;color:var(--muted)}.search-result .app-icon{width:33px;height:33px;border-radius:9px}.search-result .app-icon .icon{width:19px;height:19px}.spotlight footer{padding:12px 19px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between}.spotlight kbd{font:inherit}.prompt-dialog{padding:27px;border-radius:22px;width:400px;max-width:calc(100vw - 32px);color:var(--ink)}.prompt-dialog p{font-size:.875rem;color:var(--muted)}.prompt-dialog input{width:100%}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}#toasts{position:fixed;right:20px;top:55px;width:340px;max-width:calc(100vw - 40px);z-index:2000;pointer-events:none;display:flex;flex-direction:column;gap:9px}.toast{display:flex;align-items:center;gap:13px;border-radius:16px;padding:16px 18px;animation:appear .25s;pointer-events:auto;font-size:.8125rem}.toast .icon{color:var(--accent)}.toast.error .icon{color:#bc5844}.toast span{flex:1;line-height:1.45}.toast button{font-size:1.1rem;color:var(--muted)}
body[data-theme=dark]{--ink:#dce9e4;--muted:#9dafaa;--panel:rgba(29,46,45,.94);--surface:rgba(69,91,84,.36);--line:rgba(202,229,214,.12);--accent:#5cbea1;--accent-soft:#30574b;--sidebar:rgba(28,45,41,.8);--field:rgba(43,65,56,.8)}body[data-theme=dark] .glass{border-color:#bbd4c521}body[data-theme=dark] .menubar{background:#233e37a6;color:#dce9e4}body[data-theme=dark] .dock{background:#2d4936a6}body[data-theme=dark] .sidebar button.active{background:#46685970}body[data-theme=dark] .login-card{background:rgba(29,46,45,.9)}body[data-theme=dark] .login-card input{background:#244d424a;border-color:#9dd6bf36}body[data-theme=dark] .login-subtitle,body[data-theme=dark] .login-security,body[data-theme=dark] .setup-hint{color:#adc2b9}body[data-theme=dark] .primary{color:#102b22}body[data-theme=dark] .welcome-card{background:linear-gradient(135deg,#31594a,#465b41);color:#d3e7d6;border-color:#c4e2c217}body[data-theme=dark] .welcome-card p,body[data-theme=dark] .welcome-card .eyebrow,body[data-theme=dark] .welcome-card .text-action{color:#afc5b0}body[data-theme=dark] .player{background:radial-gradient(ellipse at top,#78504a44,transparent 70%)}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes appear{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1450px){.window{width:1060px;height:690px}.home-cards{margin-bottom:30px}.welcome-card,.today-card{min-height:185px}.quick-apps{margin-bottom:31px}.quick-app{padding:19px 3px 14px}.app-main{padding:31px 35px}.home-top{margin-bottom:30px}.home-footer{margin-top:27px}}
@media(max-width:1050px){.window{width:860px}.sidebar{width:165px}.app-main{padding:23px}.home-top h1{font-size:1.7rem}.home-search{padding:9px}.home-search span{display:none}.home-cards{gap:12px}.quick-apps{gap:7px}.welcome-card{padding:20px}.menu-right{gap:13px}.dock{gap:7px}.dock .app-icon{width:43px;height:43px}.dock .app-icon .icon{width:24px}}
@media(max-width:760px){.lock-clock{top:68px}.login-brand{left:22px;top:23px;font-size:.75rem}.lock-clock time{font-size:4.3rem}.login-screen{padding-top:205px;padding-bottom:55px}.login-card{padding:25px;width:350px}.login-footer{left:22px;right:22px;bottom:18px;font-size:.75rem}.login-footer>span:first-child{display:none}.login-footer>span:last-child{margin-left:auto}.menubar{padding:0 12px;height:42px}.menu-left,.menu-right{gap:11px}.menu-text,.network-status,#clock-button{display:none!important}.desktop-caption{left:24px;bottom:114px}.desktop-shortcuts{right:14px;top:65px}.window,.window.maximized{left:8px!important;top:50px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 141px)!important;max-height:none;max-width:none;min-width:0;resize:none;border-radius:17px}.window-header{height:45px;min-height:45px}.sidebar{display:none}.app-main{padding:21px 18px}.home-top h1{font-size:1.65rem}.home-top p{max-width:200px}.home-cards{grid-template-columns:1.25fr 1fr;gap:9px;margin-bottom:23px}.welcome-card{padding:18px 15px;min-height:170px}.welcome-card h2{font-size:1.22rem}.welcome-card p{font-size:.75rem}.today-card{padding:18px 14px}.today-card time{font-size:2.1rem;margin-top:21px}.today-card p{font-size:.75rem}.today-card>.icon{display:none}.quick-apps{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.quick-app{padding:12px 3px;font-size:.75rem}.quick-app .app-icon{width:34px;height:34px}.home-bottom{grid-template-columns:1fr}.storage-section{display:none}.home-footer span:last-child{display:none}.dock{max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:8px;padding:9px 10px 7px;bottom:13px;border-radius:20px;scrollbar-width:none}.dock .app-icon{width:41px;height:41px;border-radius:11px}.dock button:hover .app-icon{transform:translateY(-2px)}.dock button::after{display:none}.dock button{flex-shrink:0}.dock-separator{flex-shrink:0}.toolbar{padding:13px;gap:7px}.toolbar h2{font-size:.9rem}.toolbar input[type=search]{width:100%;order:10}.toolbar .primary,.toolbar .secondary{font-size:.75rem;padding:8px 9px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));padding:13px;gap:9px}.notes-list{width:115px;padding:10px 5px}.notes-list .primary{font-size:.75rem;padding:8px;gap:4px}.notes-list .primary .icon{width:15px}.note-list-item{padding:11px 8px}.note-list-item b{font-size:.75rem}.note-list-item p{font-size:.75rem}.note-editor{padding:17px 13px}.note-title{font-size:1.3rem}.note-body{font-size:.875rem}.note-tools{gap:3px;flex-wrap:wrap}.note-tools span{font-size:.75rem;width:100%;flex-basis:100%;margin-bottom:6px}.media-layout{grid-template-columns:1fr;display:block;overflow:auto}.player{padding:24px 18px}.album-art{width:140px;height:140px}.playlist{border-left:0;border-top:1px solid var(--line);max-height:230px;padding:15px}.calendar-layout{display:block;overflow:auto}.calendar-main{padding:18px 13px}.day{height:43px}.agenda{border-left:0;border-top:1px solid var(--line);padding:18px}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:1.3rem}.monitor-content,.settings-content,.task-content{padding:18px 14px}.setting-row{flex-wrap:wrap}.setting-row p{max-width:240px}.browser-home{padding:30px 18px}.browser-home h2{font-size:1.6rem}.bookmarks{grid-template-columns:repeat(2,1fr);gap:9px}.bookmark{font-size:.75rem;padding:15px 9px}.browser-search .primary{padding:10px}.capture-content{padding:17px}.capture-modes{gap:7px}.capture-modes button{font-size:.75rem;padding:10px}.capture-preview{min-height:190px}.control-center{right:10px;max-width:calc(100vw - 20px)}.spotlight{top:12%}.spotlight footer{font-size:.75rem}.app-catalog{grid-template-columns:repeat(3,1fr);gap:10px;padding:17px}.app-catalog .quick-app{font-size:.75rem}.task-entry{gap:7px}.task-entry .primary{padding:10px}.task-row{padding:11px 10px}.terminal{padding:15px;font-size:.75rem}}
@media(max-height:760px) and (min-width:761px){.lock-clock{top:20px}.lock-clock time{font-size:3.8rem}.login-screen{padding-top:120px}.login-card{padding:24px}.login-card .avatar{width:53px;height:53px;margin-bottom:14px}.login-card h1{font-size:1.4rem}.login-subtitle{margin-bottom:17px}.login-security{margin-top:17px}}@media(max-height:680px){.login-screen{overflow:auto;justify-content:flex-start;height:100dvh}.login-footer{display:none}.lock-clock{top:15px}.login-brand{top:20px}.lock-clock time{font-size:3.6rem}.login-screen{padding-top:119px}}
.text-editor{height:100%;display:flex;flex-direction:column;background:var(--panel)}.editor-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--line);font-size:.8125rem}.editor-options label{display:flex;align-items:center;gap:8px}.editor-options select{font-size:.75rem;max-width:250px;padding:6px}.editor-options [role=status]{color:var(--muted);flex:1;font-size:.75rem}.editor-content{flex:1;min-height:0;display:flex}.editor-content textarea{flex:1;width:100%;border:0;border-radius:0;background:var(--field);padding:22px;font:14px/1.75 Consolas,monospace;tab-size:2;resize:none}.app-icon[data-app=editor]{--icon-top:#8999da;--icon-bottom:#525f9b}@media(max-width:760px){.editor-options{gap:9px;padding:9px 12px}.editor-options select{max-width:145px}.editor-content textarea{padding:15px}}
.selection-toolbar{padding:9px 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);font-size:.8125rem}.selection-toolbar label{display:flex;align-items:center;gap:7px;margin-right:auto}.selection-toolbar .secondary,.selection-toolbar .primary{padding:7px 10px;font-size:.75rem}.file-check{position:absolute;top:7px;left:7px;z-index:1}.file-check input{width:17px;height:17px}.file-card.selected{outline:2px solid var(--accent);background:var(--accent-soft)}