: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{display:none!important}}@media (width<=768px){.app-container{grid-template-columns:1fr;height:auto;padding:12px;overflow:visible}.left-sidebar{display:none!important}.main-content{height:auto!important;overflow:visible!important}}.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{animation:.3s forwards fadeIn}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}