*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:var(--app-height, 100%);overflow:hidden;font-family:Tahoma,Arial,sans-serif;font-size:8pt;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;-webkit-user-select:none;user-select:none}:root{--app-height: 100vh;--folder-icon-col-gap: 10px;--folder-icon-row-gap: 8px;--folder-icon-item-width: 96px}#root{width:100%;height:var(--app-height, 100%);position:relative;overflow:hidden}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;outline:none}input,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:silver;border:1px solid #808080}::-webkit-scrollbar-thumb{background:gray;border:1px solid #404040}::-webkit-scrollbar-thumb:hover{background:#606060}::-webkit-scrollbar-corner{background:silver}:root{--taskbar-blue: #245EDB;--active-window: #0066CC;--inactive-window: #C0C0C0;--button-hover: #316AC5;--selected: #316AC5;--window-border: #808080;--window-shadow: rgba(0, 0, 0, .3);--desktop-background: #008080;--text: #000000;--text-inverse: #FFFFFF}.xp-button{background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border:1px solid #808080;border-top-color:#fff;border-left-color:#fff;padding:2px 8px;cursor:pointer;font-size:8pt;min-height:22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px #ffffff80}.xp-button:hover{background:linear-gradient(to bottom,#fff,#e0e0e0)}.xp-button:active{background:linear-gradient(to bottom,#d0d0d0,#f0f0f0);border-top-color:gray;border-left-color:gray;box-shadow:inset 1px 1px #0003}.xp-button:disabled{opacity:.5;cursor:not-allowed}.xp-input{background:#fff;border:1px inset #808080;padding:2px 4px;font-size:8pt}.xp-input:focus{border-color:#06c;outline:1px solid #0066CC}.xp-menu{background:#fff;border:1px solid #808080;box-shadow:2px 2px 4px #0003;padding:2px 0}.xp-menu-item{padding:4px 20px 4px 24px;cursor:pointer;font-size:8pt;position:relative}.xp-menu-item:hover{background:var(--selected);color:var(--text-inverse)}.xp-menu-item.disabled{color:gray;cursor:not-allowed}.xp-menu-item.disabled:hover{background:transparent;color:gray}.xp-menu-separator{height:1px;background:silver;margin:2px 0}:root{--taskbar-height: 48px;--title-bar-height: 48px;--icon-size: 64px;--touch-target: 44px}@media (min-width: 768px){:root{--taskbar-height: 40px;--title-bar-height: 36px;--icon-size: 48px}}@media (min-width: 1024px){:root{--taskbar-height: 34px;--title-bar-height: 30px;--icon-size: 32px;--touch-target: 22px}}@media (min-width: 1440px){:root{--icon-size: 48px}}@media (max-width: 767px){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.taskbar-tasklist{scrollbar-width:none;-ms-overflow-style:none}.taskbar-tasklist::-webkit-scrollbar{width:0;height:0;display:none}}@keyframes windowOpen{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes windowClose{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes desktopReveal{0%{opacity:0;transform:translateY(8px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.window-open{animation:windowOpen .2s ease-out}.window-close{animation:windowClose .2s ease-out}.slide-in-bottom{animation:slideInFromBottom .3s ease-out}.slide-in-top{animation:slideInFromTop .3s ease-out}.fade-in{animation:fadeIn .2s ease-out}.fade-out{animation:fadeOut .2s ease-out}.desktop-reveal{animation:desktopReveal .45s ease-out;will-change:opacity,transform}.touch-feedback{position:relative}.touch-feedback:active{opacity:.7;transform:scale(.9);transition:opacity .1s,transform .1s}.fullscreen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden}.fullscreen-content{width:100%;height:100%;position:relative}@supports (padding: max(0px)){.fullscreen-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.exit-fullscreen-button{position:absolute;top:10px;right:10px;z-index:10001;width:44px;height:44px;min-width:44px;min-height:44px;background:#00000080;border:2px solid rgba(255,255,255,.8);border-radius:4px;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.exit-fullscreen-button:hover{background:#000c;border-color:#fff}.exit-fullscreen-button:active{transform:scale(.95)}@media (min-width: 1024px){.exit-fullscreen-button{width:32px;height:32px;min-width:32px;min-height:32px;font-size:16px;top:8px;right:8px}}.expense-ai-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.expense-ai-modal-content{pointer-events:auto}input[type=file]{cursor:pointer}button{cursor:pointer;pointer-events:auto}select{cursor:pointer}:root,.light-mode{--bg-primary: #FAF9F5;--bg-secondary: #f0eee6;--text-primary: #1a1a1a;--text-secondary: rgb(135, 134, 127);--text-muted: rgba(51, 51, 51, .4);--accent: rgb(0, 196, 104);--accent-rgb: 0, 196, 104;--accent-glow: rgba(0, 196, 104, .6);--accent-bg: rgba(0, 196, 104, .15);--accent-bg-strong: rgba(00, 196, 104, .3);--accent-border: rgba(0, 196, 104, .4);--ruler-bg: #f0eee6;--grid-stroke: rgba(221, 221, 221, .25);--button-bg: rgb(240, 238, 230);--button-border: #87867f71;--button-icon: #87867F}.dark-mode{--bg-primary: #0a0a0a;--bg-secondary: #141414;--text-primary: #e0e0e0;--text-secondary: #87867F;--text-muted: rgba(255, 255, 255, .4);--accent: #00ff88;--accent-rgb: 0, 255, 136;--accent-glow: rgba(0, 255, 136, .6);--accent-bg: rgba(0, 255, 136, .15);--accent-bg-strong: rgba(0, 255, 136, .3);--accent-border: rgba(0, 255, 136, .4);--ruler-bg: #141414;--grid-stroke: rgb(255, 255, 255);--button-bg: #141414;--button-border: rgba(255, 255, 255, .15);--button-icon: #87867F}.active{opacity:1!important}.inactive{opacity:0!important}#y-ruler{position:absolute;left:0;top:0;width:30px;height:calc(100% - 30px);background:var(--ruler-bg);pointer-events:none;z-index:100;opacity:0;transition:opacity .8s ease,background-color .3s ease}#y-ruler.active{opacity:1}#x-ruler{position:absolute;left:30px;bottom:0;width:calc(100% - 134px);height:30px;background:var(--ruler-bg);pointer-events:none;z-index:100;opacity:0;transition:opacity .8s ease,background-color .3s ease}#x-ruler.active{opacity:1}#bottom-right-panel{position:absolute;bottom:0;right:0;display:flex;z-index:100}#z-label{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-primary);font-size:10px;letter-spacing:3px;background:var(--button-bg);border:1px solid var(--button-border);border-left:none}#z-gauge{position:absolute;bottom:30px;right:0;width:30px;height:calc(100% - 30px);pointer-events:none;z-index:100;display:flex;flex-direction:column;justify-content:flex-end}#z-gauge-container{display:flex;flex-direction:column-reverse;width:100%}.z-layer{width:100%;height:0;background:var(--accent-bg);border:none;transition:height .3s ease,background-color .3s ease;overflow:hidden}.z-layer.visible{border:1px solid var(--bg-secondary);background-color:var(--bg-secondary)}.z-layer.active{background:var(--accent-bg-strong);border:1px solid var(--accent)}.ruler-tick{position:absolute;background:var(--text-secondary)}.ruler-tick.major{background:var(--text-secondary)}.ruler-label{position:absolute;color:var(--text-secondary);font-size:10px;letter-spacing:1px}.project-indicator{position:absolute;width:30px;height:2px;background:var(--text-primary);border-radius:0;transform:translate(-50%,-50%);z-index:10}.project-indicator:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:3px;height:10px;background:var(--text-secondary);border-radius:0%}#y-ruler .project-indicator{transform:translateY(-50%)}#x-ruler .project-indicator{transform:translate(-50%) rotate(-90deg);top:14px}#y-ruler .ruler-tick{right:0;width:6px;height:1px}#y-ruler .ruler-tick.major{width:10px;height:1px}#y-ruler .ruler-label{right:10px;transform:translateY(-50%) rotate(-90deg);transform-origin:center}#y-progress{position:absolute;left:0;top:30px;bottom:30px;width:100%;background:var(--accent-bg-strong);border:1px solid var(--accent);transition:height .2s ease}#x-ruler .ruler-tick{bottom:0;width:1px;height:8px}#x-ruler .ruler-tick.major{width:1px;height:12px}#x-ruler .ruler-label{bottom:14px;transform:translate(-50%)}#x-progress{position:absolute;left:0;bottom:0;height:100%;background:var(--accent-bg-strong);border:1px solid var(--accent);transition:width .2s ease}#chapter-title{position:absolute;top:80px;left:120px;color:var(--text-primary);font-size:28px;font-weight:300;letter-spacing:4px;z-index:50;opacity:0;transition:color .8s}#chapter-subtitle{position:absolute;top:120px;left:120px;color:var(--text-secondary);font-size:13px;letter-spacing:2px;z-index:50;opacity:0;transition:color .8s;max-width:500px;line-height:1.8}#cursor-position-label{display:flex;align-items:center;height:30px;padding:0 12px;color:var(--text-primary);font-size:10px;letter-spacing:3px;background:var(--button-bg);border:1px solid var(--button-border);transition:color .3s ease,background-color .3s ease}.cursor-line{background:var(--text-secondary);transition:background-color .3s}.cursor-line:hover{background:var(--accent-bg);transition:background-color .3s}#theme-button{position:absolute;bottom:0;left:0;width:30px;height:30px;background:var(--button-bg);border:1px solid var(--button-border);border-radius:0;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease;pointer-events:auto}#theme-button:hover{background:var(--accent-bg);border-color:var(--accent-border)}#theme-button svg{width:16px;height:16px;color:var(--button-icon);transition:color .3s ease}#theme-button:hover svg{color:var(--accent)}.light-mode #theme-button .moon-icon,:root #theme-button .moon-icon{display:none}.light-mode #theme-button .sun-icon,:root #theme-button .sun-icon{display:block}.dark-mode #theme-button .sun-icon{display:none}.dark-mode #theme-button .moon-icon{display:block}#mode-button{position:absolute;top:0;left:0;width:30px;height:30px;background:var(--button-bg);border:1px solid var(--button-border);border-radius:0;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease;pointer-events:auto}#mode-button:hover{background:var(--accent-bg);border-color:var(--accent-border)}#mode-button svg{width:16px;height:16px;color:var(--button-icon);transition:color .3s ease}#mode-button:hover svg{color:var(--accent)}#mode-button .gallery-icon{display:block}#mode-button .axis-icon,.gallery-mode #mode-button .gallery-icon{display:none}.gallery-mode #mode-button .axis-icon{display:block}.gallery-mode{cursor:grab!important}.gallery-mode:active{cursor:grabbing!important}.gallery-mode #y-ruler,.gallery-mode #x-ruler,.gallery-mode #z-gauge,.gallery-mode #z-label,.gallery-mode #chapter-title,.gallery-mode #chapter-subtitle{opacity:0!important;pointer-events:none}