@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@font-face{font-family:Patrick Hand;src:url(/fonts/PatrickHand-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-semibold:600;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.visible{visibility:visible}.sticky{position:sticky}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-6{gap:calc(var(--spacing)*6)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.px-6{padding-inline:calc(var(--spacing)*6)}.py-6{padding-block:calc(var(--spacing)*6)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.running{animation-play-state:running}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}:root{--wb-bg:#eef0f4;--wb-canvas:#fff;--wb-ink:#111827;--wb-muted:#6b7280;--wb-border:#e3e7ef;--wb-panel:#fff;--wb-hover:#f3f5f9;--wb-accent:#2f6bff;--wb-accent-soft:#e4edff;--wb-text-font:"Patrick Hand";--wb-shadow:0 18px 40px #1118271f,0 6px 16px #11182714;--wb-radius:14px}*,:before,:after{box-sizing:border-box}body{background:var(--wb-bg);color:var(--wb-ink);margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden}button{font-family:inherit}.whiteboard-shell{background:var(--wb-bg);min-height:100vh;position:relative;overflow:hidden}.whiteboard-surface{pointer-events:none;background:radial-gradient(circle at 1px 1px,#1118270f 1px,#0000 1px) 0 0/32px 32px,linear-gradient(145deg,#ffffffb3,#eef0f4b3);position:absolute;inset:0}.whiteboard-canvas{touch-action:none;position:absolute;inset:0}.whiteboard-svg{width:100%;height:100%;display:block}.whiteboard-canvas-base-container{z-index:1;pointer-events:none}.whiteboard-canvas-base-container>canvas{width:100%;height:100%;position:absolute;inset:0}.whiteboard-canvas-overlay{z-index:2}.whiteboard-text-layer,.whiteboard-eraser-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.whiteboard-eraser-cursor{box-sizing:border-box;opacity:0;background:#ffffff2e;border:1px dashed #0000008c;border-radius:999px;transition:opacity 80ms;position:absolute}.whiteboard-selection-box{fill:#2f6bff1f;stroke:#2f6bffbf;stroke-width:1px;stroke-dasharray:6 4}.whiteboard-selection-outline{fill:none;stroke:#2f6bffd9;stroke-width:1px;stroke-dasharray:6 4}.whiteboard-text-input{min-width:120px;max-width:320px;box-shadow:none;color:var(--wb-ink);font-family:var(--wb-text-font);resize:none;pointer-events:auto;background:0 0;border:none;outline:none;padding:4px 6px;line-height:1.2;position:absolute}.whiteboard-text-input::placeholder{color:#6b728099}.whiteboard-topbar{z-index:5;justify-content:space-between;align-items:center;gap:16px;animation:.5s 50ms both wb-rise;display:flex;position:absolute;top:18px;left:18px;right:18px}.whiteboard-brand{background:var(--wb-panel);border:1px solid var(--wb-border);box-shadow:var(--wb-shadow);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.whiteboard-logo{object-fit:contain;border-radius:8px;width:26px;height:26px}.whiteboard-brand-text{letter-spacing:.2px;font-size:14px;font-weight:600}.wb-menu-wrap{margin-left:4px;position:relative}.wb-brand-menu-btn{width:28px;height:28px;color:var(--wb-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.wb-brand-menu-btn:hover{background:var(--wb-hover);color:var(--wb-ink)}.wb-menu-dropdown{background:var(--wb-panel);border:1px solid var(--wb-border);min-width:180px;box-shadow:var(--wb-shadow);z-index:10;border-radius:12px;flex-direction:column;gap:2px;padding:6px;animation:.12s wb-menu-in;display:flex;position:absolute;top:calc(100% + 12px);left:0}@keyframes wb-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wb-menu-item{color:var(--wb-ink);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;transition:background .12s;display:flex}.wb-menu-item:hover{background:var(--wb-hover)}.wb-menu-item kbd{color:var(--wb-muted);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:11px}.whiteboard-actions{align-items:center;gap:10px;display:flex}.wb-icon-button{border:1px solid var(--wb-border);background:var(--wb-panel);width:34px;height:34px;color:var(--wb-ink);box-shadow:var(--wb-shadow);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.wb-icon-button:hover{background:var(--wb-hover)}.wb-primary{background:var(--wb-accent);color:#fff;box-shadow:var(--wb-shadow);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600}.wb-palette{top:calc(90px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));background:var(--wb-panel);border:1px solid var(--wb-border);width:min(200px,100vw - 36px);box-shadow:var(--wb-shadow);z-index:4;border-radius:16px;gap:12px;padding:16px;animation:.6s .15s both wb-rise;display:grid;position:absolute}.wb-color-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.wb-color{border:1px solid var(--wb-border);background:var(--swatch,#111827);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 2px #fff9}.wb-color.is-active{outline:2px solid var(--wb-accent);outline-offset:2px}.wb-slider{align-items:center;gap:8px;padding:0 8px;display:flex}.wb-slider input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,var(--wb-accent)0%,var(--wb-accent)var(--slider-progress,50%),#c9d7ff var(--slider-progress,50%),#c9d7ff 100%);border-radius:999px;width:100%;height:6px}.wb-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--wb-accent);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 4px 8px #0f172a26}.wb-shape-row,.wb-dot-row,.wb-size-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.wb-dot{border:1px solid var(--wb-border);cursor:pointer;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.wb-dot span{width:clamp(6px,var(--dot-size,6px),18px);height:clamp(6px,var(--dot-size,6px),18px);background:var(--wb-ink);border-radius:50%;display:block}.wb-dot.is-active{background:var(--wb-accent-soft);border-color:var(--wb-accent)}.wb-chip{border:1px solid var(--wb-border);background:var(--wb-panel);height:28px;color:var(--wb-muted);cursor:pointer;border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.wb-chip.is-active{background:var(--wb-accent-soft);border-color:var(--wb-accent);color:var(--wb-accent)}.wb-toolbar{background:var(--wb-panel);border:1px solid var(--wb-border);box-shadow:var(--wb-shadow);z-index:3;border-radius:18px;gap:8px;padding:10px;animation:.6s .2s both wb-rise;display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.wb-toolbar-row{justify-content:center;gap:6px;display:flex}.wb-tool{width:34px;height:34px;color:var(--wb-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,border .2s,color .2s;display:inline-flex}.wb-tool:hover{background:var(--wb-hover)}.wb-tool.is-active{background:var(--wb-accent-soft);border-color:var(--wb-accent);color:var(--wb-accent)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--wb-ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;border-radius:8px;padding:5px 10px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1;transition-delay:.6s}.wb-tool:disabled[data-tooltip]:hover:after,.wb-tool.is-disabled[data-tooltip]:hover:after{opacity:0}.wb-tool:disabled,.wb-tool.is-disabled{opacity:.4;cursor:not-allowed;background:0 0}.wb-tool:disabled:hover,.wb-tool.is-disabled:hover{background:0 0}.wb-bottom-actions{z-index:4;align-items:center;gap:6px;animation:.5s .25s both wb-rise;display:inline-flex;position:absolute;bottom:24px;left:18px}.wb-lock{border:1px solid var(--wb-border);background:var(--wb-panel);width:32px;height:32px;box-shadow:var(--wb-shadow);color:var(--wb-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.wb-lock:hover{background:var(--wb-hover)}.wb-lock.is-locked{color:#fff;background:#ef4444;border-color:#ef4444}.wb-lock.is-locked:hover{background:#dc2626}.wb-zoom{border:1px solid var(--wb-border);background:var(--wb-panel);box-shadow:var(--wb-shadow);color:var(--wb-muted);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.wb-zoom:disabled{opacity:.5;cursor:default}.wb-made{border:1px solid var(--wb-border);background:var(--wb-panel);box-shadow:var(--wb-shadow);color:var(--wb-muted);z-index:4;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;animation:.5s .3s both wb-rise;display:inline-flex;position:absolute;bottom:22px;right:18px}.wb-made-badge{object-fit:contain;border-radius:6px;width:18px;height:18px}@keyframes wb-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.whiteboard-topbar{flex-direction:column;align-items:flex-start}.wb-toolbar{width:calc(100% - 32px);left:16px;transform:none}.wb-toolbar-row{flex-wrap:wrap}.wb-palette{top:auto;bottom:calc(140px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));width:min(200px,100vw - 32px)}}@media(max-width:600px){.whiteboard-actions{justify-content:space-between;width:100%}.wb-primary{text-align:center;flex:1}.wb-made{display:none}}.home-shell{background:var(--wb-bg);flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:auto}.home-header{border-bottom:1px solid var(--wb-border);background:var(--wb-panel);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.home-brand{align-items:center;gap:10px;display:flex}.home-brand-text{letter-spacing:.02em;color:var(--wb-ink);font-size:16px;font-weight:600}.home-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px}.home-title-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.home-title{color:var(--wb-ink);margin:0;font-size:22px;font-weight:600}.home-create-btn{background:var(--wb-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.home-create-btn:hover{background:#2459d9}.home-empty{color:var(--wb-muted);text-align:center;padding:40px 0;font-size:15px}.home-empty-state{flex-direction:column;align-items:center;gap:16px;display:flex}.home-board-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.home-board-card{border-radius:var(--wb-radius);background:var(--wb-panel);border:1px solid var(--wb-border);transition:box-shadow .15s;overflow:hidden}.home-board-card:hover{box-shadow:0 4px 16px #11182714}.home-board-open{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.home-board-preview{aspect-ratio:16/10;background:var(--wb-canvas);border-bottom:1px solid var(--wb-border);width:100%}.home-board-info{flex-direction:column;gap:2px;padding:10px 14px 4px;display:flex}.home-board-name{color:var(--wb-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.home-board-rename{color:var(--wb-ink);border:1px solid var(--wb-accent);background:var(--wb-panel);border-radius:6px;outline:none;width:100%;padding:2px 6px;font-size:14px;font-weight:500}.home-board-date{color:var(--wb-muted);font-size:12px}.home-board-actions{gap:4px;padding:4px 10px 10px;display:flex}.home-board-action{width:28px;height:28px;color:var(--wb-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.home-board-action:hover{background:var(--wb-hover);color:var(--wb-ink)}.home-board-action--danger:hover{color:#ef4444;background:#fef2f2}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}