@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--win-bg:#C0C0C0;--win-light:#FFFFFF;--win-mid:#C0C0C0;--win-dark:#808080;--win-darker:#404040;--win-title:#000080;--win-title-end:#1084D0;--win-title-inactive:#808080;--win-text:#000000;--win-text-muted:#808080;--win-input:#FFFFFF;--win-select:#000080;--win-select-text:#FFFFFF;--win-desktop:#008080;--pixel-accent-blue:#4488FF;--pixel-accent-green:#44CC66;--pixel-accent-purple:#AA44FF;--pixel-accent-yellow:#FFCC00;--pixel-accent-red:#FF4444;--pixel-accent-orange:#FF8844;--font-pixel-title:"Press Start 2P",monospace;--font-pixel-body:"Pixelify Sans","Tahoma","Arial",sans-serif;--font-system:"Tahoma","Arial",sans-serif;--font-mono:"Courier New",monospace}body,html{height:100%;font-family:var(--font-system);font-size:11px;color:var(--win-text)}body{background-color:var(--win-desktop);background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 0),radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 0);background-size:16px 16px,8px 8px;background-position:0 0,8px 8px;min-height:100vh;overflow:hidden}.desktop{width:100vw;height:100vh;justify-content:flex-start;overflow:hidden;position:relative}.desktop,.desktop-icon{display:flex;flex-direction:column;align-items:center}.desktop-icon{gap:4px;padding:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.desktop-icon:hover .desktop-icon-bg{background:rgba(0,0,128,.6);outline:1px dotted rgba(255,255,255,.8)}.auth-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;z-index:100}.win{background:var(--win-bg);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);box-shadow:2px 2px 0 rgba(0,0,0,.4)}.title-bar{background:linear-gradient(to right,var(--win-title),var(--win-title-end));padding:3px 4px 3px 6px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.title-bar.inactive{background:var(--win-title-inactive)}.title-bar-text{color:white;display:flex;align-items:center;gap:6px;font-family:var(--font-pixel-title);font-size:8px}.title-bar-controls{display:flex;gap:2px}.win-ctrl-btn{width:16px;height:14px;background:var(--win-bg);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-darker);border-bottom:1px solid var(--win-darker);font-size:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--win-text);line-height:1;padding:0;font-family:var(--font-system)}.win-ctrl-btn:active{border-top:1px solid var(--win-darker);border-left:1px solid var(--win-darker);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light)}.menu-bar{border-bottom:1px solid var(--win-dark);padding:2px 4px;display:flex;gap:0}.menu-item{padding:2px 8px;font-size:11px;cursor:default;color:var(--win-text);font-family:var(--font-system)}.menu-item:hover{background:var(--win-select);color:var(--win-select-text)}.win-body{padding:10px;display:flex;flex-direction:column;gap:8px}.raised{border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark);border-bottom:1px solid var(--win-dark)}.sunken{background:var(--win-input);border-top:1px solid var(--win-dark);border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light)}.win-btn{background:var(--win-bg);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);padding:4px 16px;font-family:var(--font-system);font-size:11px;cursor:pointer;color:var(--win-text);min-width:75px;white-space:nowrap}.win-btn:active{border-top:2px solid var(--win-darker);border-left:2px solid var(--win-darker);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);padding:5px 15px 3px 17px}.win-btn:disabled{color:var(--win-dark);cursor:default}.win-btn-default{border:2px solid var(--win-text);outline:1px solid var(--win-text);outline-offset:-4px}.win-input{padding:3px 5px;outline:none;width:100%}.win-input,.win-select{background:var(--win-input);border-top:1px solid var(--win-darker);border-left:1px solid var(--win-darker);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);font-family:var(--font-system);font-size:11px;color:var(--win-text)}.win-select{padding:2px 4px;cursor:pointer}.auth-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.auth-row label{width:80px;font-size:11px;font-family:var(--font-system)}.auth-error{color:red;font-size:11px;margin-bottom:4px;font-family:var(--font-pixel-body)}.auth-buttons{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.auth-logo-bar{display:flex;align-items:center;gap:12px;padding:8px 10px 12px;border-bottom:1px solid var(--win-dark);margin-bottom:12px}.auth-logo-text{font-family:var(--font-pixel-title);font-size:11px;color:var(--win-title);margin-bottom:4px}.auth-logo-sub{font-size:10px;color:var(--win-text-muted);font-family:var(--font-pixel-body)}.toolbar{display:flex;align-items:center;gap:4px;padding:3px 4px;flex-wrap:wrap;flex-shrink:0}.toolbar,.toolbar-btn{border-bottom:1px solid var(--win-dark);background:var(--win-bg)}.toolbar-btn{border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark);padding:3px 10px;font-family:var(--font-system);font-size:11px;cursor:pointer;color:var(--win-text);white-space:nowrap}.toolbar-btn.active,.toolbar-btn:active{border-top:1px solid var(--win-dark);border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light)}.toolbar-btn.active{background:#B0B0B0}.toolbar-btn:disabled{color:var(--win-dark);cursor:default}.toolbar-sep{width:1px;height:18px;background:var(--win-dark);border-right:1px solid var(--win-light);margin:0 3px}.address-bar{display:flex;align-items:center;gap:6px;padding:3px 6px;border-bottom:1px solid var(--win-dark);flex-shrink:0;background:var(--win-bg)}.address-bar-label{font-size:11px;font-family:var(--font-system);white-space:nowrap}.address-bar-input{padding:1px 4px;font-family:var(--font-mono);font-size:11px;color:var(--win-text);outline:none}.address-bar-input,.chat-messages{flex:1 1;background:var(--win-input);border-top:1px solid var(--win-darker);border-left:1px solid var(--win-darker);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light)}.chat-messages{overflow-y:auto;margin:6px;padding:8px;font-size:12px;line-height:1.55;font-family:var(--font-system)}.chat-messages::-webkit-scrollbar{width:14px}.chat-messages::-webkit-scrollbar-track{background:var(--win-bg);border-left:1px solid var(--win-dark)}.chat-messages::-webkit-scrollbar-thumb{background:var(--win-bg);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-darker);border-bottom:1px solid var(--win-darker)}.chat-message{margin-bottom:10px}.chat-sender{font-weight:700;font-size:11px;margin-bottom:2px;font-family:var(--font-pixel-body)}.chat-sender.user{color:var(--win-title)}.chat-sender.assistant{color:#800000}.chat-text{font-size:12px;color:var(--win-text);white-space:pre-wrap;word-break:break-word;line-height:1.5;padding-left:2px;font-family:var(--font-system)}.chat-typing{color:var(--win-text-muted);font-style:italic}.chat-input-row{display:flex;gap:6px;padding:4px 6px 6px;align-items:flex-end;flex-shrink:0;background:var(--win-bg)}.chat-textarea{flex:1 1;background:var(--win-input);border-top:1px solid var(--win-darker);border-left:1px solid var(--win-darker);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);padding:3px 5px;font-family:var(--font-system);font-size:12px;resize:none;outline:none;color:var(--win-text);min-height:42px;max-height:120px}.status-bar{display:flex;align-items:center;padding:2px 6px;gap:4px;flex-shrink:0;background:var(--win-bg)}.status-bar,.status-item{border-top:1px solid var(--win-dark)}.status-item{font-size:11px;color:var(--win-text);padding:1px 6px;border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);font-family:var(--font-system);white-space:nowrap}.board-view{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.board-view::-webkit-scrollbar{width:14px}.board-view::-webkit-scrollbar-track{background:var(--win-bg);border-left:1px solid var(--win-dark)}.board-view::-webkit-scrollbar-thumb{background:var(--win-bg);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-darker);border-bottom:1px solid var(--win-darker)}.board-toolbar{display:flex;gap:6px;align-items:center;padding:4px 0 6px;border-bottom:1px solid var(--win-dark)}.board-label{font-family:var(--font-pixel-body);font-weight:700;font-size:12px;flex:1 1}.notes-grid{column-count:3;column-gap:10px}@media (max-width:700px){.notes-grid{column-count:2}}@media (max-width:480px){.notes-grid{column-count:1}}.empty-board{color:var(--win-text-muted);font-size:11px;padding:30px;text-align:center;font-family:var(--font-pixel-body)}.note-card{page-break-inside:avoid;break-inside:avoid;margin-bottom:10px;border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker)}.note-title-bar{padding:2px 4px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;color:white;font-family:var(--font-pixel-body)}.note-body{background:#FFFFC0;padding:8px;font-size:12px;color:var(--win-text);white-space:pre-wrap;word-break:break-word;line-height:1.5;min-height:50px;font-family:var(--font-mono)}.note-delete-btn{border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark);border-bottom:1px solid var(--win-dark);width:14px;height:12px;font-size:8px;font-weight:700;cursor:pointer;justify-content:center;color:var(--win-text)}.note-delete-btn,.taskbar{background:var(--win-bg);display:flex;align-items:center}.taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;padding:2px 4px;gap:4px;z-index:9999}.start-btn,.taskbar{border-top:2px solid var(--win-light)}.start-btn{background:var(--win-bg);border-left:2px solid var(--win-light);border-right:2px solid var(--win-darker);border-bottom:2px solid var(--win-darker);padding:4px 12px;font-family:var(--font-pixel-title);font-size:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--win-text);height:30px;white-space:nowrap}.start-btn:active{border-top:2px solid var(--win-darker);border-left:2px solid var(--win-darker);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light)}.taskbar-sep{width:1px;height:28px;background:var(--win-dark);border-right:1px solid var(--win-light);margin:0 3px;flex-shrink:0}.taskbar-windows{gap:4px;flex:1 1}.taskbar-window-btn,.taskbar-windows{display:flex;align-items:center;overflow:hidden}.taskbar-window-btn{height:28px;min-width:100px;max-width:150px;background:var(--win-bg);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-darker);border-bottom:1px solid var(--win-darker);padding:2px 8px;font-family:var(--font-pixel-title);font-size:7px;cursor:pointer;text-align:left;color:var(--win-text);gap:5px;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0}.taskbar-window-btn.active{border-top:1px solid var(--win-darker);border-left:1px solid var(--win-darker);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);background:#B0B0B0;font-weight:700}.taskbar-window-btn.disabled{color:var(--win-dark);cursor:default}.taskbar-clock{background:var(--win-bg);border-top:1px solid var(--win-dark);border-left:1px solid var(--win-dark);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);padding:4px 10px;font-family:var(--font-pixel-title);font-size:8px;height:28px;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}svg[style*=pixelated]{image-rendering:pixelated;image-rendering:crisp-edges}::selection{background:var(--win-select);color:var(--win-select-text)}