:root{--c-bg:#fff;--c-fg:#0f172a;--c-muted:#64748b;--c-border:#e2e8f0;--c-accent:#0f172a;--c-accent-fg:#fff;--c-hover:#f8fafc;--c-error-bg:#fee2e2;--c-error-fg:#991b1b;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r:8px}*{box-sizing:border-box}#__next,body,html{margin:0;padding:0;height:100%;background:var(--c-bg);color:var(--c-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:.9em;background:var(--c-hover);padding:1px 6px;border-radius:4px}.container{max-width:880px;margin:0 auto;padding:var(--sp-7) var(--sp-4) var(--sp-6)}.header{margin-bottom:var(--sp-7)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--c-fg);margin-bottom:var(--sp-5)}.brand:hover{opacity:.85}.brand__box{position:relative;width:32px;height:32px;background:#0a0a0a;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;line-height:1;letter-spacing:-.04em}.brand__dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #0a0a0a}.brand__text{font-weight:700;font-size:var(--fs-lg);color:var(--c-fg);letter-spacing:-.02em;line-height:1}.brand--sm{margin-bottom:0}.brand--sm .brand__box{width:24px;height:24px;font-size:13px;border-radius:6px}.brand--sm .brand__dot{top:4px;right:4px;width:5px;height:5px}@media (max-width:640px){.brand__text{display:none}}.title{font-size:var(--fs-xl);font-weight:600;margin:0 0 var(--sp-2);letter-spacing:-.01em}.subtitle{color:var(--c-muted);font-size:var(--fs-sm);margin:0}.section{margin-bottom:var(--sp-6)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-title{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);margin:0 0 var(--sp-3)}.create-form .row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.input{flex:1 1 200px;min-width:0;padding:10px 12px;border:1px solid var(--c-border);border-radius:var(--r);font-size:var(--fs-md);font-family:inherit;background:#fff;color:var(--c-fg);outline:none;transition:border-color .15s;min-height:44px}.input:focus{border-color:var(--c-accent)}.btn{padding:10px 18px;background:var(--c-accent);color:var(--c-accent-fg);border:none;border-radius:var(--r);font-size:var(--fs-md);font-weight:500;cursor:pointer;font-family:inherit;min-height:44px;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.9}.btn-ghost{padding:6px 12px;background:transparent;color:var(--c-muted);border:1px solid var(--c-border);border-radius:var(--r);font-size:var(--fs-sm);cursor:pointer;font-family:inherit}.btn-ghost:hover:not(:disabled){background:var(--c-hover)}.error-banner,.form-error{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--c-error-bg);color:var(--c-error-fg);border-radius:var(--r);font-size:var(--fs-sm)}.board-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:var(--sp-2);gap:var(--sp-2)}.board-item{display:flex;align-items:stretch;border:1px solid var(--c-border);border-radius:var(--r);background:#fff;transition:border-color .15s,background .15s}.board-item:hover{border-color:#cbd5e1;background:var(--c-hover)}.board-link{flex:1 1;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:2px}.board-name{font-weight:500;font-size:var(--fs-md)}.board-meta{display:flex;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-muted)}.board-slug{font-family:JetBrains Mono,SF Mono,Menlo,monospace}.board-share{background:transparent;border:none;border-left:1px solid var(--c-border);color:var(--c-muted);padding:0 var(--sp-4);cursor:pointer;font-size:var(--fs-sm);font-weight:500;font-family:inherit;min-width:96px;transition:background .12s,color .12s}.board-share:hover{background:var(--c-hover);color:var(--c-fg)}.board-delete{background:transparent;border:none;border-left:1px solid var(--c-border);color:var(--c-muted);padding:0 var(--sp-4);cursor:pointer;font-size:20px;line-height:1;min-width:44px}.board-delete:hover{background:var(--c-error-bg);color:var(--c-error-fg)}.empty{padding:var(--sp-6);text-align:center;border:1px dashed var(--c-border);border-radius:var(--r)}.empty,.footer{color:var(--c-muted)}.footer{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--c-border);font-size:var(--fs-xs);display:flex;justify-content:space-between}.board-shell{position:fixed;inset:0;display:flex;flex-direction:column}.board-chrome{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);background:#fff;z-index:100;flex-shrink:0;min-height:44px}.back-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--c-muted);font-size:var(--fs-lg)}.back-link:hover{background:var(--c-hover);color:var(--c-fg)}.board-title{font-weight:500;font-size:var(--fs-md)}.board-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-muted);font-size:var(--fs-sm)}.board-shell>div:last-child{flex:1 1;min-height:0;position:relative}.board-shell .excalidraw,.board-shell .excalidraw-wrapper{position:absolute!important;inset:0!important;height:100%!important;width:100%!important}@media (max-width:640px){.container{padding:var(--sp-5) var(--sp-4) var(--sp-5)}.create-form .row{flex-direction:column}.btn,.input{width:100%}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5) var(--sp-4);background:linear-gradient(180deg,#fafafa,#fff)}.login-card{width:100%;max-width:400px;background:var(--c-bg);padding:var(--sp-7) var(--sp-6);border-radius:14px;border:1px solid var(--c-border);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.04)}.login-card .brand{margin-bottom:var(--sp-6)}.brand--lg .brand__box{width:40px;height:40px;font-size:22px;border-radius:10px}.brand--lg .brand__text{font-size:20px}.login-title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;color:var(--c-fg)}.login-subtitle{color:var(--c-muted);font-size:var(--fs-sm);margin:0 0 var(--sp-6)}.login-form{gap:var(--sp-4)}.login-form,.login-label{display:flex;flex-direction:column}.login-label{gap:6px}.login-form .input{flex:0 0 auto;width:100%;height:44px;min-height:44px;max-height:44px}.login-label>span{font-size:var(--fs-xs);font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em}.login-error{background:var(--c-error-bg);color:var(--c-error-fg);padding:10px 12px;border-radius:var(--r);font-size:var(--fs-sm)}.login-submit{width:100%;margin-top:var(--sp-2)}.login-help{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-muted);text-align:center}