:root{--bg-color:#0f172a;--bg-main:#1e293b;--bg-surface:#ffffff0d;--bg-hover:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a;--primary-color:#3b82f6;--primary-hover:#2563eb;--accent:#3b82f6;--accent-hover:#60a5fa;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-button{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;transition:all .2s;display:flex}.glass-button:hover{background:#ffffff1a;border-color:#fff3}.glass-button.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f680}.dropdown-item{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.active{color:#60a5fa;background:#3b82f626}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef444426}.app-container{grid-template-columns:280px 1fr 240px;gap:24px;max-width:1400px;height:100vh;margin:0 auto;padding:24px;display:grid;overflow:hidden}@media (width<=1024px){.app-container{grid-template-columns:240px 1fr}.right-sidebar{z-index:1000;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 16px #00000080}.right-sidebar.mobile-open{transform:translate(0)}}@media (width<=768px){.app-container{grid-template-columns:1fr;height:100vh;padding:0;overflow:hidden}.left-sidebar{z-index:1000;background:var(--bg-card);height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #00000080}.left-sidebar.mobile-open{transform:translate(0)}.main-content{height:100vh!important;padding:16px 12px!important;overflow-y:auto!important}.mobile-header{display:flex!important}}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;background:#00000080;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;margin:-16px -12px 16px;padding:12px 16px;display:none;position:sticky;top:-16px}.mobile-header-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:background .2s;display:flex}.mobile-header-btn:hover{background:var(--hover-color)}.left-sidebar,.right-sidebar{flex-direction:column;gap:16px;height:100%;display:flex;overflow-y:auto}.main-content{flex-direction:column;gap:20px;height:100%;display:flex;overflow-y:auto}.memo-content{color:#e2e8f0;font-size:.95rem;line-height:1.6}.memo-content p{margin:0 0 10px}.memo-content p:last-child{margin-bottom:0}.memo-content a{color:#60a5fa;text-decoration:none}.memo-content a:hover{text-decoration:underline}.memo-content code{color:#a78bfa;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.85em}.memo-content pre{background:#0006;border:1px solid #ffffff0d;border-radius:8px;padding:12px;overflow-x:auto}.memo-content pre code{color:#e2e8f0;background:0 0;padding:0}.memo-content img{border-radius:8px;max-width:100%;margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.memo-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);padding:16px;transition:border-color .2s,box-shadow .2s;animation:.3s forwards fadeIn}.memo-card:hover{box-shadow:var(--shadow-sm);border-color:#ffffff26}textarea{font-family:inherit}.action-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-icon-btn:hover{background:var(--bg-hover);color:var(--text-main);transform:scale(1.1)}.action-icon-btn:active{background:#ffffff26;transform:scale(.95)}.text-btn{border:1px dashed var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;outline:none;padding:8px 16px;font-size:.85rem;transition:all .2s}.text-btn:hover{background:var(--surface-hover);color:var(--primary-color);border-color:var(--primary-color)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{border-color:var(--border-color);color:var(--text-color);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.settings-layout{gap:24px;width:100%;max-width:800px;min-height:500px;margin:0 auto;padding:24px;display:flex}.settings-sidebar{border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:8px;width:200px;padding-right:24px;display:flex}.settings-content{flex:1;min-width:0;padding:8px 0}.settings-grid{gap:16px;display:flex}@media (width<=768px){.settings-layout{flex-direction:column;gap:16px;height:auto;padding:16px}.settings-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);flex-flow:wrap;justify-content:center;width:100%;padding-bottom:16px;padding-right:0}.settings-sidebar button{flex:1;justify-content:center;min-width:calc(50% - 8px)}.settings-grid{flex-direction:column}}