*,::after,::before{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s var(--ease-out),color .15s var(--ease-out),border-color .15s var(--ease-out)}:root{--font-sans:'IBM Plex Sans','Noto Sans SC',system-ui,-apple-system,sans-serif;--font-mono:'IBM Plex Mono','Fira Code',monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--status-height:44px;--window-gap:4px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--duration-fast:0.15s;--duration-normal:0.25s;--duration-slow:0.4s}[data-theme=dark]{--bg:#282828;--workspace-bg:#302e2c;--surface-solid:#3c3836;--surface-elevated:#504945;--surface-hover:#584e4a;--surface-active:#665c54;--overlay:#3c3836;--border:#665c54;--border-hover:#7c6f64;--border-focus:#d3869b;--text:#ebdbb2;--text-secondary:#d5c4a1;--text-muted:#a89984;--accent:#d3869b;--accent-hover:#d9617a;--accent-dim:rgba(211, 134, 155, 0.12);--love:#fb4934;--love-dim:rgba(251, 73, 52, 0.12);--gold:#fabd2f;--gold-dim:rgba(250, 189, 47, 0.12);--foam:#8ec07c;--foam-dim:rgba(142, 192, 124, 0.12);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md:0 2px 6px rgba(0, 0, 0, 0.25);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.3)}[data-theme=light]{--bg:#f0e6c8;--workspace-bg:#e8debb;--surface-solid:#ebdbb2;--surface-elevated:#d5c4a1;--surface-hover:#c9b99a;--surface-active:#bdae93;--overlay:#ebdbb2;--border:#a89984;--border-hover:#7c6f64;--border-focus:#b16286;--text:#3c3836;--text-secondary:#504945;--text-muted:#7c6f64;--accent:#b16286;--accent-hover:#9c4f76;--accent-dim:rgba(177, 98, 134, 0.08);--love:#cc241d;--love-dim:rgba(204, 36, 29, 0.08);--gold:#d79921;--gold-dim:rgba(215, 153, 33, 0.08);--foam:#689d6a;--foam-dim:rgba(104, 157, 106, 0.08);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md:0 2px 6px rgba(0, 0, 0, 0.08);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.1)}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f0e6c8;--workspace-bg:#e8debb;--surface-solid:#ebdbb2;--surface-elevated:#d5c4a1;--surface-hover:#c9b99a;--surface-active:#bdae93;--overlay:#ebdbb2;--border:#a89984;--border-hover:#7c6f64;--border-focus:#b16286;--text:#3c3836;--text-secondary:#504945;--text-muted:#7c6f64;--accent:#b16286;--accent-hover:#9c4f76;--accent-dim:rgba(177, 98, 134, 0.08);--love:#cc241d;--love-dim:rgba(204, 36, 29, 0.08);--gold:#d79921;--gold-dim:rgba(215, 153, 33, 0.08);--foam:#689d6a;--foam-dim:rgba(104, 157, 106, 0.08);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md:0 2px 6px rgba(0, 0, 0, 0.08);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.1)}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#282828;--workspace-bg:#302e2c;--surface-solid:#3c3836;--surface-elevated:#504945;--surface-hover:#584e4a;--surface-active:#665c54;--overlay:#3c3836;--border:#665c54;--border-hover:#7c6f64;--border-focus:#d3869b;--text:#ebdbb2;--text-secondary:#d5c4a1;--text-muted:#a89984;--accent:#d3869b;--accent-hover:#d9617a;--accent-dim:rgba(211, 134, 155, 0.12);--love:#fb4934;--love-dim:rgba(251, 73, 52, 0.12);--gold:#fabd2f;--gold-dim:rgba(250, 189, 47, 0.12);--foam:#8ec07c;--foam-dim:rgba(142, 192, 124, 0.12);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md:0 2px 6px rgba(0, 0, 0, 0.25);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.3)}}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0s!important;animation-duration:0s!important}}html{font-size:16px;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}button,dialog,input,select,textarea{background:var(--surface-solid);color:var(--text);border-color:var(--border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}button:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.window{flex:0 0 550px;min-width:280px;min-height:200px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color var(--duration-normal) var(--ease-out)}[data-theme=light] .window{background:var(--surface-solid)}.window:hover{border-color:var(--border-hover)}.window.active{border-color:var(--accent)}.window.floating{position:fixed;z-index:100;will-change:transform}#workspace-container{position:fixed;top:0;left:0;right:0;bottom:var(--status-height);overflow:hidden;z-index:1;background:var(--workspace-bg);transition:right var(--duration-slow) var(--ease-out)}#workspace{height:100%;position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--window-gap) var(--window-gap) var(--space-5);gap:var(--window-gap)}.window-header{height:32px;background:var(--surface-elevated);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-3);cursor:pointer;user-select:none;flex-shrink:0}.window.floating .window-header{cursor:move}.window.active .window-header{background:var(--surface-elevated)}.window-title{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.window.active .window-title{color:var(--text)}.window-date{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-3);white-space:nowrap}.window-controls{display:flex;gap:6px;align-items:center;margin-left:auto}.window-btn{width:22px;height:22px;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:11px;line-height:1;color:var(--bg,#1d2021);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast)}.window-btn svg{width:11px;height:11px;pointer-events:none}.window:hover .window-btn{opacity:1}.window-btn:hover{transform:scale(1.2)}.btn-next,.btn-prev{background:var(--muted);color:var(--bg)}.btn-next:hover,.btn-prev:hover{background:var(--text)}.btn-float{background:var(--foam)}.btn-float.floating{background:var(--gold)}.btn-close{background:var(--love)}.btn-refresh{background:var(--gold)}.window-body{flex:1;position:relative;overflow:hidden;background:0 0;padding-bottom:48px}.window iframe{width:100%;height:100%;border:none;display:block;overflow:hidden}.window:not(.floating) .resize-handle{display:none}.window.floating .resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:se-resize;z-index:1001}.window.floating .resize-handle::after{content:'';position:absolute;right:4px;bottom:4px;width:6px;height:6px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);opacity:.5}.window.floating .resize-handle:hover::after{border-color:var(--accent);opacity:1}.window-tabs{display:flex;background:var(--overlay);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);gap:var(--space-2);overflow-x:auto;flex-shrink:0}.window-tabs .tab-btn{background:0 0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.window-tabs .tab-btn:hover{border-color:var(--accent);color:var(--accent)}.window-tabs .tab-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.window-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--surface-elevated);border-top:1px solid var(--border);position:absolute;bottom:0;left:0;right:0;z-index:10}.window-info .author{font-size:var(--text-xs);color:var(--text-secondary)}.window-info button{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);border-radius:var(--radius-sm);transition:color var(--duration-fast)}.window-info button:hover{color:var(--text)}.window.is-comment .window-body,.window.is-compose .window-body,.window.is-conversation .window-body,.window.is-editor .window-body,.window.is-empty .window-body,.window.is-favorites-list .window-body,.window.is-messages-list .window-body,.window.is-storage-window .window-body,.window.is-works-list .window-body,.window.is-works-window .window-body{padding-bottom:0}.window.is-comment .window-info,.window.is-compose .window-info,.window.is-conversation .window-info,.window.is-editor .window-info,.window.is-empty .window-info,.window.is-favorites-list .window-info,.window.is-messages-list .window-info,.window.is-storage-window .window-info,.window.is-works-list .window-info,.window.is-works-window .window-info{display:none}.comment-btn,.favorite-btn,.like-btn,.share-btn{background:0 0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans)}.like-btn{color:var(--love)}.favorite-btn{color:var(--gold)}.comment-btn,.share-btn{color:var(--text-muted)}.like-btn:hover{border-color:var(--love);background:var(--love-dim)}.favorite-btn:hover{border-color:var(--gold);background:var(--gold-dim)}.comment-btn:hover,.share-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.like-btn.liked{border-color:var(--love);background:var(--love-dim)}.favorite-btn.favorited{border-color:var(--gold);background:var(--gold-dim)}.comment-btn svg,.favorite-btn svg,.like-btn svg,.share-btn svg{width:14px;height:14px}.like-btn.liked svg{fill:var(--love)}#status-bar{position:fixed;bottom:0;left:0;right:0;height:var(--status-height);background:var(--surface-solid);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:1000}.status-center,.status-left,.status-right{display:flex;align-items:center;gap:var(--space-3)}.status-center{position:absolute;left:50%;transform:translateX(-50%)}.status-item{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast)}.status-item:hover{color:var(--accent)}.status-item a{color:inherit;text-decoration:none}.hint-text{font-size:var(--text-xs);color:var(--text-muted)}.address-bar{display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 12px;transition:border-color var(--duration-fast)}.address-bar:focus-within{border-color:var(--accent)}.address-prefix{color:var(--text-muted);margin-right:2px;font-size:var(--text-sm);font-family:var(--font-mono)}.address-bar input{background:0 0;border:none;color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);width:100px;outline:0;-webkit-autofill:none}.address-bar input::placeholder{color:var(--text-muted)}.address-bar input[type=search]::-webkit-search-cancel-button,.address-bar input[type=search]::-webkit-search-decoration{display:none}.address-bar-wrapper{position:relative}.search-dropdown{display:none;position:absolute;bottom:100%;left:0;right:0;margin-bottom:2px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:280px;overflow-y:auto;z-index:2000}.search-dropdown.active{display:block}.search-item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text);transition:background var(--duration-fast)}.search-item.selected,.search-item:hover{background:var(--surface-hover)}.search-item .username{font-weight:500}.search-item .works-count{font-size:var(--text-xs);color:var(--text-muted)}.search-empty{padding:8px 12px;font-size:var(--text-sm);color:var(--text-muted);text-align:center}.status-btn{min-width:48px;height:30px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.status-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.auth-btn{background:var(--accent);color:var(--bg);border-color:var(--accent)}.auth-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}#auth-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:10000}#auth-modal.active{display:flex}.auth-box{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-8);width:340px}.auth-box .auth-header{position:relative;margin-bottom:var(--space-6);text-align:center}.auth-box .auth-header h2{font-size:var(--text-md);font-weight:600;margin:0;color:var(--text)}.auth-box .auth-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0;line-height:1}.auth-box .auth-close:hover{color:var(--text)}.auth-box input{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--duration-fast)}[data-theme=light] .auth-box input{background:var(--surface-elevated)}.auth-box input:focus{outline:0;border-color:var(--accent)}.auth-box input::placeholder{color:var(--text-muted)}.fake-input{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);cursor:text;min-height:1.4em;box-sizing:border-box;white-space:pre;overflow:hidden;user-select:none;-webkit-user-select:none}.fake-input:focus{outline:0;border-color:var(--accent)}.fake-input .fake-placeholder{color:var(--text-muted)}.fake-input .fake-cursor{position:relative;top:-2px;animation:1s step-end infinite blink;color:var(--text)}@keyframes blink{50%{opacity:0}}.auth-box .auth-tabs{display:flex;margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.auth-box .auth-tab{flex:1;padding:var(--space-2) var(--space-4);background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);transition:color var(--duration-fast),border-color var(--duration-fast)}.auth-box .auth-tab.active{color:var(--text);border-bottom-color:var(--accent)}.auth-box .auth-tab:hover{color:var(--text)}.auth-box .auth-error{color:var(--love);font-size:var(--text-sm);margin-top:var(--space-2);min-height:0}.auth-box .auth-submit{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-6);border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--bg);font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.auth-box .auth-submit:hover{background:var(--accent-hover)}.auth-box .auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-box .auth-submit:active{transform:scale(.98)}#editor-panel,#user-panel{position:fixed;top:0;right:0;bottom:var(--status-height);width:480px;background:var(--surface-solid);border-left:1px solid var(--border);transform:translateX(100%);transition:transform var(--duration-slow) var(--ease-out);z-index:9999;display:flex;flex-direction:column}#editor-panel.active,#user-panel.active{transform:translateX(0)}body.panel-active #workspace-container{right:480px}.editor-header,.user-header{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.editor-header h3,.user-header h3{font-size:var(--text-base);font-weight:600;color:var(--text)}.editor-close,.panel-close{background:0 0;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;transition:color var(--duration-fast);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.editor-close:hover,.panel-close:hover{color:var(--love);background:var(--love-dim)}.editor-body{flex:1;display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-4);overflow-y:auto}.user-body{flex:1;display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-3);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.user-body::-webkit-scrollbar{display:none}.editor-body input[name=title]{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--duration-fast)}[data-theme=light] .editor-body input[name=title]{background:var(--surface-elevated)}.editor-body textarea{flex:1;width:100%;padding:var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);resize:none;line-height:1.6;transition:border-color var(--duration-fast)}[data-theme=light] .editor-body textarea{background:var(--surface-elevated)}.editor-body input:focus,.editor-body textarea:focus{outline:0;border-color:var(--accent)}.editor-toolbar{display:flex;gap:var(--space-3);align-items:center}.editor-toolbar input[name=title]{flex:1}.export-btn,.import-btn{padding:var(--space-2) var(--space-3);background:0 0;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.export-btn:hover,.import-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.editor-footer,.user-footer{padding:var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.editor-footer button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.editor-footer button[type=button]{background:0 0;border:1px solid var(--border);color:var(--text-secondary)}.editor-footer button[type=button]:hover{border-color:var(--border-hover);color:var(--text)}.editor-footer button[type=submit]{background:var(--accent);border:none;color:var(--bg)}.editor-footer button[type=submit]:hover{background:var(--accent-hover)}.editor-footer button:active{transform:scale(.98)}.work-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.work-item:hover{border-color:var(--border-hover);background:var(--surface-hover)}.work-item .work-title{font-size:var(--text-sm);color:var(--text);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-item .work-likes{font-size:var(--text-xs);color:var(--love);margin-left:var(--space-4)}.work-item .work-author{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-2)}.work-item .work-actions{display:flex;gap:var(--space-2);margin-left:var(--space-3)}.work-item .work-actions button{background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans)}.work-item .work-actions button:hover{color:var(--accent);background:var(--accent-dim)}.user-section{margin-bottom:var(--space-5)}.user-section h4{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.info-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.info-row span:first-child{color:var(--text-muted)}.info-row span:last-child{color:var(--text);font-weight:500}.user-section input{width:100%;padding:var(--space-3) var(--space-3);margin-bottom:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--duration-fast)}[data-theme=light] .user-section input{background:var(--surface-elevated)}.input-row{display:flex;gap:var(--space-3)}.input-row>*{flex:1;min-width:0}.input-row .real-input{margin-bottom:var(--space-3)}@media (max-width:480px){.input-row{flex-direction:column;gap:0}}.backup-textarea{width:100%;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono, monospace);font-size:11px;padding:6px 8px;resize:vertical;outline:0;margin-bottom:var(--space-3);word-break:break-all}.backup-textarea:focus{border-color:var(--foam)}.user-section input:focus{outline:0;border-color:var(--accent)}.user-section input::placeholder{color:var(--text-muted)}#username-status{font-size:var(--text-xs);margin-bottom:var(--space-2);min-height:16px}.change-password-btn,.change-username-btn{width:100%;padding:var(--space-3);background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--bg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast)}.change-password-btn:hover,.change-username-btn:hover{background:var(--accent-hover)}.panel-action-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.panel-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.panel-action-btn.logout-btn{color:var(--love);border-color:transparent}.panel-action-btn.logout-btn:hover{color:var(--bg);background:var(--love);border-color:var(--love)}.theme-btn{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.user-body hr{border:none;border-top:1px solid var(--border);margin:0}.profile-header{text-align:center;padding:var(--space-5) 0 var(--space-3)}.profile-name{font-size:24px;font-weight:700;color:var(--text);margin-bottom:var(--space-1)}.profile-id{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.profile-stats{display:flex;justify-content:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.profile-stats strong{color:var(--text);font-weight:600}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.quick-action-btn{padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center}.quick-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.settings-group{display:flex;flex-direction:column;gap:var(--space-2)}.settings-section{border:1px solid var(--border);border-radius:var(--radius-sm)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);color:var(--text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast);list-style:none;user-select:none}.settings-toggle::-webkit-details-marker{display:none}.settings-toggle::marker{display:none;content:''}.settings-toggle:hover{background:var(--surface-hover)}.settings-arrow{font-size:18px;color:var(--text-muted);transition:transform var(--duration-fast)}.settings-section.expanded .settings-arrow{transform:rotate(90deg)}.settings-panel{padding:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.settings-panel hr{border:none;border-top:1px solid var(--border);margin:0}.settings-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.settings-card h4{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}details.settings-card{padding:0;gap:0}.settings-card-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none;user-select:none}.settings-card-toggle::-webkit-details-marker{display:none}.settings-card-toggle::marker{display:none;content:''}details.settings-card.expanded .settings-arrow{transform:rotate(90deg)}.settings-card-body{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.theme-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.resize-preview{position:fixed;top:0;bottom:var(--status-height);width:2px;background:var(--accent);z-index:9999;pointer-events:none;opacity:0;transition:opacity .1s}.resize-preview.active{opacity:1}.drag-mask,.resize-mask{position:fixed;inset:0;z-index:9998}::selection{background:var(--accent-dim);color:var(--text)}@media (pointer:coarse){.window{transition:none}}@media (max-width:767px){.desktop-only{display:none!important}}@media (min-width:768px){.mobile-only{display:none!important}}.real-input{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);box-sizing:border-box}.real-input:focus{outline:0;border-color:var(--accent)}.settings-card-body,.settings-panel{overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out),padding var(--duration-slow) var(--ease-out),border-top-width var(--duration-slow) var(--ease-out)}.settings-card-body>*,.settings-panel>*{flex-shrink:0}.settings-card-body.collapsed,.settings-panel.collapsed{max-height:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important}