:root{--grid-square-size:20px;--grid-line-color:#e7edf4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#272723;-webkit-font-smoothing:antialiased;background:#f7f7f4;font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #595950}.eyebrow{color:#8c8c80;letter-spacing:1.8px;font:9px monospace}.welcome-content{padding:31px}h1{letter-spacing:-1.8px;margin:26px 0 18px;font-size:clamp(30px,4vw,43px);font-weight:400;line-height:1.12}p{color:#7a7a70;font-size:13px;line-height:1.7}.welcome-footer{color:#96968b;margin-top:38px;font:10px monospace;display:block}h2{letter-spacing:-.4px;font-size:18px;font-weight:400}.notes-content{background:#fffef8;padding:25px}.notes-content h2{margin:18px 0}textarea{resize:vertical;color:#55554e;background:repeating-linear-gradient(#0000,#0000 26px,#eae9df 26px 27px);border:0;width:100%;height:130px;padding:8px 0;font:12px/27px monospace;display:block}textarea::placeholder{color:#aaa99e}.about-content{align-items:flex-start;gap:22px;padding:27px;display:flex}.about-symbol{color:#858575;font-size:40px;line-height:1.2}.about-content h2{margin:3px 0 10px}.about-content p{margin:0;font-size:12px}.app-page{background:#fff;outline:none;min-height:100svh}.page-titlebar{z-index:100;border-bottom:1px solid #d9d9d2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:37px;padding:12px 20px;font:11px monospace;display:flex;position:sticky;top:0}.page-titlebar a{color:inherit;text-decoration:none}.page-titlebar a:hover{text-decoration:underline}.page-content{max-width:850px;margin:0 auto;padding:clamp(28px,8vw,100px) 28px}.page-content textarea{min-height:50svh}.window-image{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.desktop{background-image:linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line-color) 1px, transparent 1px);background-size:var(--grid-square-size) var(--grid-square-size);min-height:100svh;position:relative;overflow:hidden}.desktop-label{color:#85857d;letter-spacing:1.8px;font:10px monospace;position:absolute;top:30px;left:34px}.desktop-dock{background:#ffffffed;border:1px solid #ccccc3;flex-wrap:wrap;justify-content:center;gap:4px;min-width:0;padding:5px;display:flex}.desktop-dock button{white-space:nowrap;color:#76766d;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:7px;padding:10px 12px;font:10px monospace;display:flex}.desktop-dock button:hover,.desktop-dock button.is-active{color:#272723;background:#f0f0e9;border-color:#ddddd4}.dock-indicator{background:#77776a;flex-shrink:0;width:4px;height:4px}.dock-indicator.is-hidden{background:0 0;border:1px solid #aaa}.desktop-bottom{z-index:100;align-items:stretch;gap:10px;width:max-content;max-width:calc(100% - 144px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.doodle-trash{z-index:100;color:#76766d;justify-content:center;align-items:center;width:48px;height:48px;transition:color .12s,transform .12s;display:flex;position:fixed;bottom:24px;right:12px}.doodle-trash.is-over{color:#a33e36;transform:scale(1.15)}.view-desktop{z-index:100;color:#76766d;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:fixed;bottom:24px;left:12px}.view-desktop:hover{color:#33332d}.view-desktop:focus-visible{outline-offset:2px;outline:2px solid #92917d}@media (width<=700px){.view-desktop{width:38px;height:38px;bottom:12px}}.desktop-unread-dot{background:#fcbc33;border:1px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:7px}.desktop-window{background:#fff;border:1px solid #bdbdb5;max-width:calc(100% - 40px);transition:box-shadow .12s,border-color .12s;position:absolute;box-shadow:3px 5px #00000006}.desktop-window.is-active{border-color:#55554e;box-shadow:6px 9px #00000008}.window-titlebar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#f7f7f4;border-bottom:1px solid #d9d9d2;justify-content:space-between;align-items:center;height:37px;padding-left:13px;display:flex}.is-dragging .window-titlebar{cursor:grabbing}.is-active .window-titlebar{background:#eeeee8}.window-title{letter-spacing:.3px;font:11px monospace}.window-controls{height:100%;display:flex}.window-controls button{color:#55554e;background:0 0;border:0;border-left:1px solid #d9d9d2;width:36px;font-size:19px;line-height:1}.window-controls button:hover{color:#111;background:#deded6}.maximize-overlay{z-index:1000;cursor:progress;position:fixed;inset:0;overflow:hidden}.maximizing-window{background:#fff;border:1px solid #55554e;animation:.5s forwards maximize-window;position:absolute;overflow:hidden}.maximizing-window .window-titlebar{cursor:progress}.maximizing-content{animation:.1s forwards maximize-content}@keyframes maximize-content{to{opacity:0}}@keyframes maximize-window{0%,20%{left:var(--start-left);top:var(--start-top);width:var(--start-width);height:var(--start-height)}to{width:100%;height:100%;top:0;left:0}}@media (prefers-reduced-motion:reduce){@keyframes maximize-window{0%,to{width:100%;height:100%;top:0;left:0}}}a.window-title{color:inherit;cursor:pointer;text-decoration:none}a.window-title:hover{text-decoration:underline}.desktop-window{flex-direction:column;display:flex}.window-titlebar{flex-shrink:0}.window-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.window-controls{flex-shrink:0}.desktop-window[data-resized] .window-content{flex:1;min-height:0;overflow:auto}.window-resize{z-index:5;touch-action:none;position:absolute}.window-resize-n,.window-resize-s{cursor:ns-resize;height:7px;left:7px;right:7px}.window-resize-n{top:-4px}.window-resize-s{bottom:-4px}.window-resize-e,.window-resize-w{cursor:ew-resize;width:7px;top:7px;bottom:7px}.window-resize-e{right:-4px}.window-resize-w{left:-4px}.window-resize-ne,.window-resize-nw,.window-resize-se,.window-resize-sw{width:12px;height:12px}.window-resize-ne{cursor:nesw-resize;top:-4px;right:-4px}.window-resize-nw{cursor:nwse-resize;top:-4px;left:-4px}.window-resize-se{cursor:nwse-resize;bottom:-4px;right:-4px}.window-resize-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.desktop-window[data-resized] .window-image-container{width:100%;height:100%}.desktop-window[data-resized] .window-image{object-fit:cover;width:100%;height:100%}.desktop-window[data-resized] .gallery-explorer,.desktop-window[data-resized] .terminal{height:100%}.desktop-window .gallery-grid{grid-template-columns:repeat(auto-fill,120px);justify-content:start}.desktop-window[data-resized] .notes-content{box-sizing:border-box;flex-direction:column;height:100%;display:flex}.desktop-window[data-resized] .note-composer{flex-direction:column;flex:1;min-height:0;display:flex}.desktop-window[data-resized] .note-composer textarea{resize:none;flex:1;height:auto;min-height:30px}.desktop-window[data-resized] .note-composer-footer{flex-shrink:0}.desktop-window[data-resized] .drawing-pad{flex-direction:column;height:100%;display:flex}.desktop-window[data-resized] .drawing-canvas{aspect-ratio:auto;flex:1;height:0;min-height:40px}.drawing-toolbar,.drawing-visibility,.drawing-footer,.drawing-status{flex-shrink:0}@media (width<=700px){.window-resize{display:none}.desktop-window{height:auto!important}}.window-titlebar,.is-active .window-titlebar{background-color:var(--titlebar-color,#f7f7f4);transition:background-color .12s}.window-titlebar:hover{background-color:color-mix(in srgb, var(--titlebar-color,#f7f7f4) 93%, black)}.window-controls button:hover{background-color:color-mix(in srgb, var(--titlebar-color,#f7f7f4) 86%, black)}.desktop-window{--window-accent-outline:color-mix(in srgb, var(--titlebar-color,#f7f7f4) 93%, black);border-color:var(--window-accent-outline)}.desktop-window .window-titlebar{border-bottom-color:var(--window-accent-outline)}.desktop-window.is-active{border-color:#55554e}.desktop-window .window-controls button{border-left-color:var(--window-accent-outline)}.drawing-toolbar{border-bottom:1px solid #e5e5dd;align-items:center;gap:6px;padding:10px;display:flex}.drawing-toolbar button{color:#77776a;background:0 0;border:1px solid #0000;padding:6px 10px;font:11px monospace}.drawing-toolbar button[aria-pressed=true]{color:#272723;background:#f0f0e9;border-color:#ccccc3}.drawing-toolbar button:hover{background:#f0f0e9}.drawing-canvas{aspect-ratio:8/5;touch-action:none;cursor:crosshair;background:#fff;width:100%;height:auto;display:block}.drawing-footer .drawing-save{justify-content:center;align-items:center;display:flex}.drawing-save:disabled{opacity:.5;cursor:wait}.drawing-status{overflow-wrap:anywhere;margin:0;padding:0 10px;font:10px/1.6 monospace}.drawing-status:not(:empty){padding-top:5px;padding-bottom:5px}.brush-size-control{flex:1;align-items:center;gap:3px;min-width:0;min-height:40px;margin-left:4px;display:flex}.brush-size-control input{accent-color:#77776a;cursor:pointer;appearance:none;background:0 0;flex:1;width:100%;min-width:30px;max-width:100px;height:40px;margin:0}.drawing-colors{border-bottom:1px solid #e5e5dd;justify-content:space-between;gap:5px;padding:12px 15px;display:flex}.drawing-swatch{aspect-ratio:1;border:1px solid #00000015;border-radius:0;width:21px;padding:0}.drawing-swatch[aria-pressed=true]{outline-offset:3px;outline:1px solid #272723}.drawing-swatch:focus-visible{outline-offset:3px;outline:2px solid #272723}.drawing-footer{border-top:1px solid #e5e5dd;justify-content:flex-end;align-items:center;gap:6px;padding:7px 10px;display:flex}.drawing-footer button{color:#77776a;background:0 0;border:1px solid #d9d9d2;padding:5px 10px;font:11px monospace}.drawing-footer button:hover{background:#f0f0e9}.brush-size-control button{flex-shrink:0;padding:5px;font-size:15px}.brush-size-control button:disabled{opacity:.35;cursor:default}.brush-size-control input::-webkit-slider-runnable-track{background:#ccccc3;height:2px}.brush-size-control input::-webkit-slider-thumb{appearance:none;width:var(--brush-size);height:var(--brush-size);margin-top:calc((2px - var(--brush-size)) / 2);background:#77776a;border:0;border-radius:50%}.brush-size-control input::-moz-range-track{background:#ccccc3;height:2px}.brush-size-control input::-moz-range-thumb{width:var(--brush-size);height:var(--brush-size);background:#77776a;border:0;border-radius:50%}.drawing-toolbar>button{flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.drawing-toolbar>button:disabled{opacity:.35;cursor:default}.drawing-visibility{border-top:1px solid #e5e5dd;align-items:center;gap:9px;padding:8px 10px;display:flex}.drawing-visibility button{color:#77776a;cursor:pointer;background:0 0;border:1px solid #d9d9d2;padding:5px 9px;font:11px monospace}.drawing-visibility button[aria-pressed=true]{color:#55554e;background:#eeeee6}.drawing-visibility span{color:#77776a;font:10px/1.5 monospace}.drawing-toolbar{flex-wrap:wrap}.doodle-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.doodle-background img{-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none;cursor:grab;position:absolute}.dragged-doodle{z-index:1001;pointer-events:none;position:fixed}.doodle-error{z-index:101;background:#fff;border:1px solid #ccccc3;padding:12px;position:fixed;bottom:90px;left:20px;right:20px}.gallery-explorer{background:#fbfbf7;flex-direction:column;height:360px;padding:0;display:flex;overflow:hidden}.gallery-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;align-items:start;gap:16px 10px;min-height:0;padding:14px;display:grid;overflow-y:auto}.gallery-file{color:#55554e;text-align:center;background:0 0;border:1px solid #0000;flex-direction:column;align-items:stretch;min-width:0;padding:6px;display:flex}.gallery-file:hover{background:#f0f0e9}.gallery-file[aria-pressed=true]{background:#eeeee6;border-color:#ccccc3}.gallery-file img{aspect-ratio:1;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;display:block}.gallery-file span{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font:10px/1.5 monospace;overflow:hidden}.gallery-empty{padding:30px}.gallery-page{width:min(100% - 48px,1000px);margin:0 auto;padding:40px 0 80px}.gallery-page figure{margin:0 0 64px;scroll-margin-top:72px}.gallery-page figure:last-child{margin-bottom:0}.gallery-page img{width:100%;height:auto;display:block}.gallery-page figcaption{text-align:left;color:#76766d;overflow-wrap:anywhere;margin-top:10px;font:12px/1.6 monospace}@media (width<=700px){.gallery-page{width:calc(100% - 32px);padding-top:24px}.gallery-page figure{margin-bottom:40px}}.gallery-toolbar{background:#f7f7f4;border-bottom:1px solid #d9d9d2;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px 12px;display:flex;position:relative}.gallery-toolbar button,.gallery-confirm button{color:#55554e;background:0 0;border:1px solid #ccccc3;padding:6px 10px;font:11px monospace}.gallery-toolbar button:hover,.gallery-confirm button:hover{background:#eeeee8}.gallery-toolbar button:disabled,.gallery-confirm button:disabled{opacity:.4;cursor:default}.gallery-toolbar>span{color:#85857d;margin-left:auto;font:10px monospace}.gallery-progress{background:#e5e5dd;height:2px;position:absolute;bottom:0;left:0;right:0}.gallery-progress>div{background:#718b6c;height:100%;transition:width .1s linear}.gallery-error{color:#a33e36;margin:0;padding:8px 14px;font-size:11px}.gallery-confirm{color:#272723;background:#fffef8;border:1px solid #bdbdb5;width:min(400px,100% - 40px);padding:24px}.gallery-confirm::backdrop{background:#27272355}.gallery-confirm h2{margin:0 0 12px}.gallery-confirm p{overflow-wrap:anywhere}.gallery-confirm>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.gallery-rename label{color:#76766d;margin-bottom:8px;font:11px monospace;display:block}.gallery-name-input{background:#fff;border:1px solid #ccccc3;align-items:center;display:flex}.gallery-name-input input{color:#272723;background:0 0;border:0;flex:1;min-width:0;padding:10px;font:12px monospace}.gallery-name-input:focus-within{outline:1px solid #77776a}.gallery-name-input input:focus{outline:none}.gallery-name-input span{white-space:nowrap;color:#85857d;padding:10px 10px 10px 0;font:12px monospace}.gallery-dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.gallery-toolbar{flex-wrap:wrap}.gallery-toolbar select{min-width:0;max-width:110px;font:inherit}.gallery-breadcrumb{border-bottom:1px solid #d9d9d2;padding:8px 14px;font:11px monospace}.gallery-breadcrumb small{color:#76766d;margin-top:6px;display:block}.gallery-file .gallery-metadata{color:#76766d;margin-top:3px;font:9px/1.5 monospace}.gallery-folder-icon{aspect-ratio:1;color:#9b9173;place-items:center;display:grid;margin:0!important;font-size:70px!important}.gallery-folder small{font:9px monospace}.gallery-folder:hover,.gallery-breadcrumb button:hover{outline:1px dashed #9b9173}.gallery-folder-form{gap:6px;padding:8px 14px;display:flex}.gallery-folder-form input{width:100%;min-width:0}.gallery-toolbar button,.gallery-toolbar select,.gallery-folder-form button,.gallery-breadcrumb button{color:#55554e;cursor:pointer;background:#fbfbf7;border:1px solid #d0d0c6;border-radius:2px;justify-content:center;align-items:center;min-height:28px;padding:5px 8px;font:11px/1.3 monospace;display:inline-flex}.gallery-toolbar button:hover:not(:disabled),.gallery-toolbar select:hover:not(:disabled),.gallery-folder-form button:hover{background:#eeeee6;border-color:#aaa99e}.gallery-toolbar button:disabled,.gallery-toolbar select:disabled{opacity:.4;cursor:default}.gallery-toolbar button:focus-visible,.gallery-toolbar select:focus-visible,.gallery-breadcrumb button:focus-visible{outline-offset:2px;outline:2px solid #92917d}.gallery-toolbar select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%2355554e'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;max-width:150px;padding-right:24px}.gallery-folder-icon svg{width:80%;height:80%}.gallery-breadcrumb button{background:0 0;border-color:#0000;min-height:24px;padding:3px 6px}.window-image-container{position:relative}.favorite-overlay{z-index:1;position:absolute;top:10px;right:10px}.favorite-overlay .favorite-button{color:#fff;cursor:pointer;background:#0005;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:flex}.favorite-button.is-mutual{color:#d7ae4f}.favorite-control{display:inline-flex;position:relative}.favorite-error{color:#a33e36;z-index:2;background:#fffef8;width:170px;padding:6px;font:10px monospace;position:absolute;top:100%;right:0}.favorite-button:focus-visible{outline-offset:2px;outline:2px solid #9b9173}.image-overlay-controls{z-index:1;align-items:center;gap:6px;display:flex;position:absolute;top:10px;right:10px}.image-overlay-controls .favorite-overlay{position:relative;top:auto;right:auto}.image-fit-toggle{color:#fff;cursor:pointer;background:#0005;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:flex}.image-fit-toggle:hover,.favorite-overlay .favorite-button:hover{background:#0008}.image-fit-toggle[aria-pressed=true]{background:#0009}.image-fit-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.window-image-container{background:#fbfbf7}.terminal{background:#fbfbf7;flex-direction:column;height:250px;font:12px/1.7 monospace;display:flex}.terminal-history{overflow-wrap:anywhere;flex:1;padding:18px 20px 10px;overflow-y:auto}.terminal p{font:inherit;margin:0 0 8px}.terminal-intro{color:#55554e}.terminal-entry{margin-top:12px}.terminal-entry p{color:#85857d;white-space:pre-wrap}.terminal-prompt{align-items:center;gap:10px;margin-top:8px;display:flex}.terminal-prompt>span{color:#85857d}.terminal-prompt input{color:#272723;min-width:0;font:inherit;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0}@media (width<=700px){.desktop{min-height:100dvh}.desktop-label{font-size:9px;top:24px;left:20px}.desktop-window{flex-direction:column;max-width:none;max-height:calc(100dvh - 180px);display:flex;position:fixed;transform:translate(-50%,-50%);width:calc(100% - 32px)!important;top:50%!important;left:50%!important}.desktop-window .window-titlebar{cursor:default;flex-shrink:0}.desktop-window .window-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.desktop-bottom{gap:5px;width:calc(100% - 120px);max-width:calc(100% - 120px);bottom:12px}.desktop-dock{flex:1;width:max-content}.desktop-dock button{padding:10px 7px;font-size:9px}.doodle-trash{width:38px;height:38px;bottom:12px}.doodle-background img{pointer-events:none;touch-action:auto;cursor:default}.gallery-grid,.gallery-file{touch-action:pan-y}.gallery-file img{-webkit-user-drag:none;-webkit-touch-callout:none}}:root{--sticky-note-color:#fff2a6}.note-composer-footer{justify-content:flex-end;margin-top:12px;display:flex}.note-composer-footer button{color:#77776a;background:0 0;border:1px solid #d9d9d2;justify-content:center;align-items:center;padding:6px 10px;display:flex}.note-composer-footer button:hover{background:#f0f0e9}.note-composer-footer button:disabled{opacity:.5;cursor:default}.notes-page .note-composer{background:#fffef8;border:1px solid #e5e5dd;padding:24px}.notes-page .note-composer textarea{min-height:160px}.saved-notes{margin-top:40px}.saved-note{border-top:1px solid #e5e5dd;padding:24px 0}.saved-note time{color:#96968b;font:11px monospace}.saved-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:#55554e;margin:14px 0 0}.note-error{color:#a33e36;font-size:11px}.note-sender{color:#55554e;margin-right:12px;font:11px monospace}.note-delete{float:right;color:#77776a;cursor:pointer;background:0 0;border:1px solid #d9d9d2;justify-content:center;align-items:center;padding:5px;display:inline-flex}.note-delete:hover{background:#f0f0e9}.note-delete:disabled{opacity:.5;cursor:default}.note-composer-footer select{color:#77776a;background:0 0;border:1px solid #d9d9d2;max-width:75%;margin-right:auto;padding:5px;font:11px monospace}.sticky-note{box-sizing:border-box;background:#fffef0;border:1px solid #ddd;min-height:160px;padding:18px}.sticky-note-meta{color:#96968b;font:10px monospace}.sticky-note p{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 monospace}.sticky-note .note-delete{float:none;margin-left:auto;display:flex}.desktop-window[data-resized] .sticky-note{min-height:100%}.saved-note{scroll-margin-top:76px}.sticky-note-window{background:var(--sticky-note-color);box-shadow:none;border:0;--titlebar-color:var(--sticky-note-color)!important}.sticky-note-window.is-active{box-shadow:none;border:0}.sticky-floating-controls{z-index:2;background:0 0;position:absolute;top:6px;right:6px}.sticky-floating-controls .window-controls{gap:2px;height:auto}.sticky-floating-controls .window-controls button{color:#8b7c46;background:0 0;border:0;width:24px;height:24px;padding:0;font-size:19px}.sticky-floating-controls .window-controls button:hover{background:color-mix(in srgb, var(--sticky-note-color) 92%, black)}.sticky-note-window{cursor:grab}.sticky-note-window.is-dragging{cursor:grabbing}.sticky-note-window .sticky-note{background:0 0;min-height:160px;padding:38px 16px 16px}.sticky-note-window .sticky-note-meta{color:#8b7c46}.sticky-note-window .sticky-note p{color:#5c512c}.sticky-note-window .note-delete{color:#8b7c46;background:0 0;border:0}.sticky-note-window .note-delete:hover{background:color-mix(in srgb, var(--sticky-note-color) 92%, black)}.sticky-note-window .window-content{flex:1;min-height:0;overflow:hidden}.sticky-note-window .sticky-note,.desktop-window[data-resized] .sticky-note{flex-direction:column;height:100%;min-height:0;display:flex}.sticky-note-window .sticky-note-meta{flex-shrink:0}.sticky-note-window .sticky-note-text{flex:1;min-height:0;margin:8px 0;overflow-y:auto}.sticky-note-window .note-delete{flex-shrink:0;align-self:flex-end;margin:auto 0 0}@media (width<=700px){.sticky-note-window{aspect-ratio:1}}.note-composer-footer{align-items:center;gap:10px}.note-composer-footer select{flex:1;min-width:0}.note-color-options{flex-shrink:0;align-items:center;gap:6px;display:flex}.note-composer-footer .note-color-option{background:var(--swatch-color);border:1px solid #0002;border-radius:50%;width:18px;height:18px;padding:0}.note-composer-footer .note-color-option:hover{background:var(--swatch-color);border-color:#77776a}.note-composer-footer .note-color-option[aria-pressed=true]{outline-offset:2px;outline:1px solid #77776a}.login-screen{background-image:linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line-color) 1px, transparent 1px);background-size:var(--grid-square-size) var(--grid-square-size);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #bdbdb5;width:min(100%,440px);box-shadow:6px 9px #00000008}.login-titlebar{background:#e8eee5;border-bottom:1px solid #d9d9d2;padding:12px 16px;font:11px monospace}.login-content{padding:32px}.login-content h1{font-size:34px}.google-signin{color:#272723;background:#fff;border:1px solid #bdbdb5;margin-top:16px;padding:12px 18px;font:12px Arial,sans-serif;text-decoration:none;display:inline-block}.google-signin:hover{background:#f0f0e9}.login-error,.account-error{color:#a33e36}.desktop-account{z-index:100;position:absolute;top:22px;right:24px}.account-menu,.page-account-controls{align-items:center;gap:16px;font:11px monospace;display:flex}.account-menu span{color:#85857d}.account-menu button{color:inherit;font:inherit;background:0 0;border:0;padding:4px 0}.account-menu button:hover{text-decoration:underline}.account-error{z-index:1002;background:#fff;padding:12px;position:fixed;bottom:100px;left:20px}@media (width<=700px){.desktop-account{top:19px;right:16px}.desktop-account .account-menu span{display:none}.page-account-controls{gap:12px}}