:root{--bg: #f8f8f7;--surface: #ffffff;--text: #111827;--text-muted: #6b7280;--border: #e5e7eb;--accent: #5046e5;--accent-hover: #4338ca;--accent-ring: rgba(80, 70, 229, .18);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .07);--danger-border: rgba(220, 38, 38, .22);--success: #16a34a;--radius: 8px;--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg: #0c0c0c;--surface: #161616;--text: #f3f4f6;--text-muted: #9ca3af;--border: #2a2a2a;--accent: #6366f1;--accent-hover: #818cf8;--accent-ring: rgba(99, 102, 241, .22);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .08);--danger-border: rgba(248, 113, 113, .25);--success: #4ade80}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--surface);border-bottom:1px solid var(--border)}.header-logo{font-weight:600;font-size:.9375rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}.header-logo:hover{text-decoration:none}.header-actions{display:flex;align-items:center;gap:.375rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 1.125rem;height:40px;border-radius:var(--radius);font-size:.9375rem;font-weight:500;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,opacity .15s;white-space:nowrap;min-width:80px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;font-size:.875rem;min-width:auto;padding:0 .75rem}.btn-ghost:hover:not(:disabled){color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{background:var(--bg);color:var(--text);border-color:var(--border)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.auth-logo{font-weight:700;font-size:1.125rem;color:var(--text);margin-bottom:1.75rem;text-align:center;letter-spacing:-.01em}.auth-title{font-size:1.1875rem;font-weight:600;margin-bottom:1.25rem;color:var(--text);letter-spacing:-.01em}.auth-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.875rem;font-weight:500;color:var(--text)}.field input{width:100%;height:42px;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.9375rem;font-family:var(--font);transition:border-color .15s,box-shadow .15s}.field input:hover{border-color:var(--text-muted)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field-hint{font-size:.8125rem;color:var(--text-muted)}.form-error{font-size:.875rem;color:var(--danger);padding:.5rem .75rem;border:1px solid var(--danger-border);border-radius:var(--radius);background:var(--danger-bg)}.auth-form .btn-primary{width:100%;height:42px;margin-top:.25rem}.auth-footer{margin-top:1.25rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.clipboard-layout{--c-cream: #fdfaf3;--c-terra: #c05a3e;--c-coral: #ff6b52;--c-ink: #2d1b15;--font-display: -apple-system, BlinkMacSystemFont, "Arial Black", Impact, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", "Courier New", Courier, monospace;--radius-lg: 24px;--radius-pill: 999px;--border-thick: 3px solid var(--c-ink);position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-ink);padding:12px;overflow:hidden;color:var(--c-ink);font-family:var(--font-mono);z-index:1}[data-theme=dark] .clipboard-layout{--c-cream: #ece2cd;--c-terra: #9a4530;--c-coral: #e85a3f;--c-ink: #0f0805}.app-container{display:flex;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;border:var(--border-thick);background:var(--c-cream)}.panel-controls{width:320px;flex-shrink:0;background:var(--c-terra);padding:48px 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:var(--border-thick);gap:32px;overflow-y:auto}.brand{margin-bottom:0}.brand-title{font-family:var(--font-display);font-weight:900;font-size:4rem;line-height:.85;letter-spacing:-.04em;margin-bottom:8px;color:var(--c-ink);display:flex;flex-direction:column}.brand-meta{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink);font-family:var(--font-mono)}.actions-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:64px}.btn{font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:-.02em;padding:30px 24px;border-radius:var(--radius-pill);border:var(--border-thick);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;text-transform:capitalize;background:transparent;color:var(--c-ink);width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-send{background:var(--c-coral);color:#fff;box-shadow:4px 4px 0 var(--c-ink)}.btn-send:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-ink)}.btn-send:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}.btn-refresh{background:transparent;color:var(--c-ink)}.btn-refresh:hover:not(:disabled){background:var(--c-ink);color:var(--c-cream)}.btn-get-started{justify-content:center;text-decoration:none}.btn-get-started:hover{text-decoration:none}.btn-icon{flex-shrink:0;color:currentColor;display:flex;align-items:center;justify-content:center}.icon-bars{width:24px;height:14px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.icon-bars span{display:block;height:3px;background:currentColor;width:100%}.btn-refresh:hover .icon-bars{animation:pulseLines .5s ease}@keyframes pulseLines{0%{transform:scaleX(1)}50%{transform:scaleX(.5)}to{transform:scaleX(1)}}.icon-plus{position:relative;width:16px;height:16px;flex-shrink:0}.icon-plus span{position:absolute;left:0;top:50%;width:100%;height:3px;background:currentColor;transform:translateY(-50%)}.icon-plus span:last-child{transform:translateY(-50%) rotate(90deg)}.user-profile{position:relative;padding-top:16px;border-top:var(--border-thick)}.profile-trigger{display:flex;align-items:center;gap:16px;width:100%;background:transparent;border:none;padding:4px;cursor:pointer;font-family:var(--font-mono);color:var(--c-ink);text-align:left;border-radius:12px;transition:background .15s}.profile-trigger:hover{background:#2d1b1514}.profile-avatar{width:48px;height:48px;border-radius:var(--radius-pill);background:var(--c-cream);border:var(--border-thick);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1.2rem;color:var(--c-ink);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-family:var(--font-display);font-weight:900;font-size:1.2rem;color:var(--c-ink);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-status{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--c-ink);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.profile-chevron{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--c-ink);flex-shrink:0;transition:transform .2s ease}.profile-trigger[aria-expanded=true] .profile-chevron{transform:rotate(90deg)}.user-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--c-cream);border:var(--border-thick);border-radius:16px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:20;box-shadow:4px 4px 0 var(--c-ink)}.user-menu-item{display:block;padding:10px 14px;background:transparent;border:none;border-radius:10px;color:var(--c-ink);font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-align:left;width:100%;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .1s,color .1s}.user-menu-item:hover{background:var(--c-ink);color:var(--c-cream)}.panel-canvas{flex:1;background:var(--c-cream);position:relative;display:flex;flex-direction:column;min-width:0}.canvas-header{padding:32px 48px 16px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.canvas-title{font-family:var(--font-display);font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--c-ink)}.canvas-tools{font-size:.85rem;text-transform:uppercase;font-weight:700;color:var(--c-ink);white-space:nowrap}.whiteboard-input{flex:1;width:100%;background:transparent;border:none;resize:none;padding:16px 48px 48px;font-family:var(--font-mono);font-size:2.2rem;line-height:1.6;color:var(--c-ink);outline:none}.whiteboard-input::placeholder{color:#2d1b1559}.whiteboard-input:focus{outline:none}.panel-canvas ::-webkit-scrollbar,.whiteboard-input::-webkit-scrollbar{width:12px}.panel-canvas ::-webkit-scrollbar-track,.whiteboard-input::-webkit-scrollbar-track{background:transparent}.panel-canvas ::-webkit-scrollbar-thumb,.whiteboard-input::-webkit-scrollbar-thumb{background:var(--c-terra);border-left:4px solid var(--c-cream)}.workspace-toast{position:absolute;bottom:32px;left:50%;transform:translate(-50%) translateY(100px);background:var(--c-cream);border:2px solid var(--c-coral);color:var(--c-ink);padding:12px 24px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:900;font-size:1.2rem;letter-spacing:-.01em;opacity:0;box-shadow:0 4px 12px #2d1b151a;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:10;white-space:nowrap}.workspace-toast.show{transform:translate(-50%) translateY(0);opacity:1}.char-counter{position:absolute;bottom:24px;right:32px;font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--c-ink);opacity:.35;pointer-events:none;letter-spacing:.02em}.char-counter.over-limit{color:var(--c-coral);opacity:1}@media (max-width: 900px){.clipboard-layout{padding:8px}.app-container{flex-direction:column}.panel-controls{width:100%;padding:24px 24px 20px;border-right:none;border-bottom:var(--border-thick);gap:20px}.brand-title{font-size:2.75rem}.actions-wrapper{flex-direction:row;margin-top:20px}.actions-wrapper .btn{flex:1;font-size:1.1rem;padding:12px 18px}.canvas-header{padding:20px 24px 12px}.canvas-title{font-size:1.75rem}.whiteboard-input{padding:12px 24px 24px;font-size:1.25rem}}@media (max-width: 560px){.header{padding:0 1rem}.auth-card{padding:1.5rem}.canvas-header{flex-direction:column;align-items:flex-start;gap:8px}.actions-wrapper{flex-direction:column}.brand-title{font-size:2.25rem}}.auth-layout{--c-cream: #fdfaf3;--c-terra: #c05a3e;--c-coral: #ff6b52;--c-ink: #2d1b15;--font-display: -apple-system, BlinkMacSystemFont, "Arial Black", Impact, sans-serif;--font-mono: "Space Mono", ui-monospace, "Courier New", Courier, monospace;--radius-lg: 24px;--radius-pill: 999px;--border-thick: 3px solid var(--c-ink);position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-ink);padding:12px;overflow:hidden;color:var(--c-ink);font-family:var(--font-mono);z-index:1}.auth-container{display:flex;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;border:var(--border-thick);position:relative}.auth-brand-panel{width:45%;flex-shrink:0;background:var(--c-terra);padding:64px;display:flex;flex-direction:column;justify-content:space-between;border-right:var(--border-thick)}.auth-brand-title{font-family:var(--font-display);font-weight:900;font-size:6rem;line-height:.85;letter-spacing:-.04em;margin-bottom:16px;color:var(--c-ink);display:flex;flex-direction:column}.auth-brand-meta{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-ink);font-family:var(--font-mono)}.auth-tagline{font-family:var(--font-mono);font-size:1.2rem;line-height:1.5;max-width:300px;color:var(--c-ink)}.auth-form-panel{flex:1;background:var(--c-cream);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px;overflow-y:auto}.auth-form-box{width:100%;max-width:440px}.auth-form-header{font-family:var(--font-display);font-size:3rem;font-weight:900;letter-spacing:-.03em;margin-bottom:48px;text-transform:uppercase;color:var(--c-ink)}.auth-field-group{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.auth-field-group label{font-weight:700;text-transform:uppercase;font-size:.9rem;font-family:var(--font-mono);color:var(--c-ink)}.auth-input{background:transparent;border:var(--border-thick);border-radius:var(--radius-lg);padding:20px 24px;font-family:var(--font-mono);font-size:1.1rem;color:var(--c-ink);outline:none;width:100%;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.auth-input:focus{background:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--c-ink)}.auth-input::placeholder{color:#2d1b1566}.auth-error{font-size:.9rem;color:#c20;background:#cc220014;border:2px solid rgba(204,34,0,.25);border-radius:12px;padding:10px 16px;margin-bottom:16px;font-family:var(--font-mono)}.auth-btn-submit{width:100%;margin-top:16px;font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:-.02em;padding:20px;border-radius:var(--radius-pill);border:var(--border-thick);cursor:pointer;background:var(--c-coral);color:#fff;box-shadow:6px 6px 0 var(--c-ink);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:12px}.auth-btn-submit:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--c-ink)}.auth-btn-submit:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.auth-btn-submit:disabled{opacity:.65;cursor:not-allowed}.auth-btn-google{background:#fff;color:var(--c-ink);margin-top:0}.auth-btn-google:hover:not(:disabled){background:#f5f5f5;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--c-ink)}.auth-divider{text-align:center;margin:20px 0;font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--c-ink);position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:3px;background:var(--c-ink)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-footer-text{margin-top:32px;text-align:center;font-size:.9rem;font-family:var(--font-mono);color:var(--c-ink)}.auth-footer-link{color:var(--c-terra);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:border-color .15s}.auth-footer-link:hover{border-bottom-color:var(--c-terra);text-decoration:none}.otp-back-btn{background:#fff;border:var(--border-thick);font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--c-ink);cursor:pointer;padding:12px 20px;margin-bottom:24px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);box-shadow:4px 4px 0 var(--c-ink);transition:all .2s ease}.otp-back-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-ink)}.otp-back-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}.otp-instruction{font-size:1rem;line-height:1.4;margin-bottom:40px;font-weight:700;color:#2d1b15a6}.otp-container{display:flex;gap:16px;margin-bottom:32px;justify-content:space-between}.otp-input{width:80px;height:100px;background:transparent;border:var(--border-thick);border-radius:24px;font-family:var(--font-display);font-size:3rem;font-weight:900;text-align:center;color:var(--c-ink);outline:none;transition:all .1s ease;caret-color:var(--c-coral)}.otp-input:focus{background-color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--c-ink)}.otp-input.filled{background-color:var(--c-terra);color:var(--c-cream)}.otp-input.error{border-color:var(--c-coral);animation:otpShake .4s ease}@keyframes otpShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.otp-error-msg{color:var(--c-coral);font-size:.85rem;font-weight:700;margin-bottom:12px;text-align:center}.otp-resend-timer{color:#2d1b1580}.otp-resend-btn{background:none;border:none;padding:0;font-size:inherit;font-family:inherit;cursor:pointer}.otp-success-box{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;animation:otpSuccessPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes otpSuccessPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.otp-success-icon{width:96px;height:96px;background:var(--c-terra);border:var(--border-thick);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:6px 6px 0 var(--c-ink)}.otp-success-title{font-family:var(--font-display);font-size:2.5rem;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}.otp-success-sub{font-size:.9rem;line-height:1.6;color:#2d1b1599}@media (max-width: 900px){.auth-layout{padding:8px}.auth-container{flex-direction:column;overflow-y:auto}.auth-brand-panel{width:100%;padding:32px 32px 28px;border-right:none;border-bottom:var(--border-thick);flex-direction:row;align-items:flex-end;gap:24px}.auth-brand-title{font-size:3.5rem}.auth-tagline{font-size:1rem;max-width:220px;margin-bottom:4px}.auth-form-panel{padding:40px 32px}.auth-form-header{font-size:2.25rem;margin-bottom:32px}.auth-layout{overflow-y:auto}}@media (max-width: 560px){.auth-brand-panel{padding:24px;flex-direction:column;align-items:flex-start;gap:12px}.auth-brand-title{font-size:3rem}.auth-form-panel{padding:32px 24px}.auth-form-header{font-size:1.75rem;margin-bottom:24px}.auth-btn-submit{font-size:1.2rem;padding:16px}}.clipboard-layout .app-container.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.sm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1b1599;display:flex;align-items:center;justify-content:center;z-index:100;padding:40px}.sm-card{background:var(--c-cream);width:100%;max-width:1200px;height:800px;border-radius:var(--radius-lg);border:var(--border-thick);display:flex;overflow:hidden;box-shadow:16px 16px 0 var(--c-ink);animation:smPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes smPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.sm-sidebar{width:280px;flex-shrink:0;background:var(--c-terra);border-right:var(--border-thick);padding:40px 24px;display:flex;flex-direction:column;gap:12px}.sm-nav-item{width:100%;text-align:left;padding:16px 20px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-size:1.25rem;font-weight:900;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;color:var(--c-ink);background:transparent;text-transform:uppercase;letter-spacing:-.02em}.sm-nav-item:hover:not(.active){background:#2d1b151a}.sm-nav-item.active{background:var(--c-cream);box-shadow:4px 4px 0 var(--c-ink)}.sm-nav-logout{background:transparent;color:var(--c-ink)}.sm-nav-item.sm-nav-logout:hover{background:var(--c-ink);color:var(--c-cream)}.sm-content{flex:1;padding:48px;overflow-y:auto;display:flex;flex-direction:column;min-width:0}.sm-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sm-title{font-family:var(--font-display);font-size:3rem;font-weight:900;line-height:.9;letter-spacing:-.04em;color:var(--c-ink)}.sm-close-btn{width:48px;height:48px;flex-shrink:0;border:var(--border-thick);border-radius:var(--radius-pill);background:var(--c-coral);color:var(--c-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.sm-close-btn:hover{transform:rotate(90deg)}.sm-group{margin-bottom:28px}.sm-group-disabled{opacity:.45;pointer-events:none}.sm-hint{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--c-ink);opacity:.6;margin-top:6px}.sm-label{display:block;font-family:var(--font-mono);font-weight:900;text-transform:uppercase;font-size:.85rem;letter-spacing:.02em;margin-bottom:8px;color:var(--c-ink)}.sm-input{width:100%;padding:16px;background:var(--c-cream);border:var(--border-thick);font-family:var(--font-mono);font-size:1.1rem;border-radius:12px;outline:none;color:var(--c-ink);transition:background .15s ease,transform .1s ease,box-shadow .1s ease}.sm-input:focus{background:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--c-ink)}.sm-input[readonly]{opacity:.55;cursor:not-allowed;background:#2d1b150d}.sm-input[readonly]:focus{background:#2d1b150d;transform:none;box-shadow:none}.sm-toggle{text-align:left;cursor:pointer;font-weight:700}.sm-toggle:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--c-ink)}.sm-footer{margin-top:auto;padding-top:24px;display:flex;gap:16px}.sm-footer .sm-btn-save,.sm-footer .sm-btn-cancel{flex:1}.sm-btn-save{background:var(--c-coral);color:#fff;padding:16px 32px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-weight:900;font-size:1.2rem;cursor:pointer;box-shadow:4px 4px 0 var(--c-ink);transition:transform .2s ease,box-shadow .2s ease}.sm-btn-save:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-ink)}.sm-btn-save:active{transform:translate(2px,2px);box-shadow:none}.sm-btn-cancel{background:transparent;color:var(--c-ink);padding:16px 32px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-weight:900;font-size:1.2rem;cursor:pointer;transition:background .15s ease}.sm-btn-cancel:hover{background:var(--c-ink);color:var(--c-cream)}.sm-delete-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sm-delete-info{display:flex;flex-direction:column;gap:4px}.sm-delete-title{font-family:var(--font-mono);font-weight:900;font-size:.85rem;text-transform:uppercase;color:var(--c-ink)}.sm-delete-desc{font-size:.9rem;color:var(--c-ink);opacity:.7}.sm-btn-delete-account{background:transparent;color:var(--c-ink);padding:14px 28px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,color .2s ease}.sm-btn-delete-account:hover{background:var(--c-ink);color:var(--c-cream)}.sm-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.sm-confirm-card{background:var(--c-cream);border:var(--border-thick);border-radius:var(--radius-base);box-shadow:6px 6px 0 var(--c-ink);padding:32px;max-width:420px;width:90%;text-align:center}.sm-confirm-msg{font-family:var(--font-body);font-size:1.05rem;color:var(--c-ink);margin:0 0 24px;line-height:1.5}.sm-confirm-actions{display:flex;gap:12px;justify-content:center}.sm-btn-confirm-yes,.sm-btn-confirm-no{padding:12px 32px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-weight:900;font-size:1rem;text-transform:uppercase;cursor:pointer}.sm-btn-confirm-yes{background:var(--c-coral);color:#fff;box-shadow:4px 4px 0 var(--c-ink)}.sm-btn-confirm-yes:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}.sm-btn-confirm-no{background:transparent;color:var(--c-ink)}.sm-btn-confirm-no:hover{background:#2d1b1514}.sm-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(100px);background:var(--c-cream);border:3px solid var(--c-coral);color:var(--c-ink);padding:14px 28px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:900;font-size:1.2rem;opacity:0;box-shadow:4px 4px 0 var(--c-ink);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:200;white-space:nowrap}.sm-toast.show{transform:translate(-50%) translateY(0);opacity:1}.sm-textarea{min-height:250px;resize:vertical;font-family:var(--font-mono, "Space Mono", monospace);line-height:1.5;padding:14px 16px}.sm-feedback-actions{display:flex;justify-content:flex-end;margin-top:16px}.sm-btn-save:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--c-ink)}.sm-btn-cancel:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 700px){.sm-overlay{padding:12px;align-items:flex-end}.sm-card{flex-direction:column;height:auto;max-height:92vh}.sm-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:20px 16px;border-right:none;border-bottom:var(--border-thick);gap:8px}.sm-nav-item{flex:1;font-size:.9rem;padding:10px 12px;text-align:center}.sm-nav-logout{flex:0 0 100%}.sm-content{padding:28px 24px}.sm-title{font-size:2rem}}.clipboard-layout .guest-auth-section{padding-top:16px;border-top:var(--border-thick);display:flex;flex-direction:column;gap:12px}.clipboard-layout .btn-signin{background-color:var(--c-cream);color:var(--c-ink);font-size:1.2rem;padding:24px 20px}.clipboard-layout .btn-signin:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--c-ink)}.clipboard-layout .btn-signin:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}.clipboard-layout .signup-link{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--c-ink);text-align:center;letter-spacing:.03em;text-decoration:none;display:block}.clipboard-layout .signup-link:hover{text-decoration:underline}.clipboard-layout .sync-promo-banner{background:var(--c-coral);padding:12px 48px;border-bottom:var(--border-thick);display:flex;align-items:center;gap:12px;flex-shrink:0}.clipboard-layout .promo-icon{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--c-coral);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:14px;flex-shrink:0}.clipboard-layout .promo-text{font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:#fff;text-transform:uppercase;letter-spacing:.02em}.clipboard-layout .btn-refresh:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width: 900px){.clipboard-layout .sync-promo-banner{padding:10px 24px}.clipboard-layout .promo-text{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-layout .guest-auth-section{flex-direction:row;flex-wrap:wrap}.clipboard-layout .btn-signin{flex:1}.clipboard-layout .signup-link{flex:0 0 100%}}.error-banner{position:absolute;top:0;left:0;right:0;z-index:50;background:#ff6b52;border-bottom:3px solid #2d1b15;padding:12px 48px;display:flex;align-items:center;gap:12px;transform:translateY(-100%);transition:transform .3s ease-out;pointer-events:none}.error-banner.show{transform:translateY(0)}.error-banner-icon{width:24px;height:24px;border-radius:50%;background:#fff;color:#ff6b52;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Arial Black,Impact,sans-serif;font-weight:900;font-size:14px;flex-shrink:0}.error-banner-text{font-family:-apple-system,BlinkMacSystemFont,Arial Black,Impact,sans-serif;font-weight:900;font-size:1.1rem;color:#fff;text-transform:uppercase;letter-spacing:.02em}@media (max-width: 600px){.error-banner{padding:10px 20px}.error-banner-text{font-size:.9rem}}.canvas-tools-link{color:inherit;text-decoration:none;letter-spacing:inherit;transition:opacity .15s ease}.canvas-tools-link:hover{text-decoration:underline;opacity:.85}.legal-layout{--c-cream: #fdfaf3;--c-terra: #c05a3e;--c-coral: #ff6b52;--c-ink: #2d1b15;--font-display: -apple-system, BlinkMacSystemFont, "Arial Black", Impact, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", "Courier New", Courier, monospace;--radius-pill: 999px;--border-thick: 3px solid var(--c-ink);min-height:100vh;height:100vh;background:var(--c-ink);color:var(--c-ink);font-family:var(--font-mono);display:flex;padding:12px;overflow:hidden}[data-theme=dark] .legal-layout{--c-cream: #ece2cd;--c-terra: #9a4530;--c-coral: #e85a3f;--c-ink: #0f0805}.legal-app-container{display:flex;width:100%;height:100%;border-radius:24px;overflow:hidden;border:var(--border-thick);background:var(--c-cream)}.legal-sidebar{width:320px;background:var(--c-terra);padding:48px 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:var(--border-thick);flex-shrink:0}.legal-brand{margin-bottom:40px}.legal-brand-title{display:flex;flex-direction:column;font-family:var(--font-display);font-weight:900;font-size:4rem;line-height:.85;letter-spacing:-.04em;color:var(--c-ink);margin-bottom:8px}.legal-brand-meta{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink)}.legal-nav-links{display:flex;flex-direction:column;gap:10px}.legal-nav-item{padding:16px 20px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-size:1.25rem;font-weight:900;cursor:pointer;transition:all .2s ease;color:var(--c-ink);background:transparent;text-transform:uppercase;letter-spacing:-.02em;text-align:left;width:100%}.legal-nav-item:hover:not(.active){background:#2d1b151a}.legal-nav-item.active{background:var(--c-cream);box-shadow:4px 4px 0 var(--c-ink)}.legal-back-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:var(--radius-pill);border:var(--border-thick);font-family:var(--font-display);font-size:1.1rem;font-weight:900;cursor:pointer;background:transparent;color:var(--c-ink);text-transform:uppercase;transition:all .2s ease;text-decoration:none;align-self:flex-start}.legal-back-btn:hover{background:#2d1b151a}.legal-panel-main{flex:1;background:var(--c-cream);display:flex;flex-direction:column;overflow:hidden;min-width:0}.legal-main-header{padding:40px 56px 32px;border-bottom:var(--border-thick);flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.legal-main-title{font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:.9;letter-spacing:-.04em;text-transform:uppercase;color:var(--c-ink)}.legal-effective-date{font-size:.8rem;font-weight:700;text-transform:uppercase;opacity:.5;letter-spacing:.05em;padding-bottom:6px;white-space:nowrap}.legal-content-area{flex:1;overflow-y:auto;padding:48px 56px}.legal-content-area::-webkit-scrollbar{width:10px}.legal-content-area::-webkit-scrollbar-track{background:transparent}.legal-content-area::-webkit-scrollbar-thumb{background:var(--c-terra);border-left:3px solid var(--c-cream);border-radius:999px}.legal-section{margin-bottom:48px}.legal-section-num{font-family:var(--font-display);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--c-terra);margin-bottom:6px}.legal-section-title{font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:-.03em;margin-bottom:16px;line-height:1;color:var(--c-ink)}.legal-section-body{font-size:.95rem;line-height:1.9;color:#2d1b15bf}.legal-section-body strong{color:var(--c-ink);font-weight:700}.legal-divider-rule{border:none;border-top:var(--border-thick);margin-bottom:48px;opacity:.15}.legal-pill-tag{display:inline-block;background:var(--c-coral);color:#fff;border-radius:var(--radius-pill);padding:4px 14px;font-family:var(--font-display);font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;margin-bottom:20px}@media (max-width: 900px){.legal-layout{padding:8px}.legal-app-container{flex-direction:column}.legal-sidebar{width:100%;border-right:none;border-bottom:var(--border-thick);padding:24px 20px;gap:20px}.legal-brand{margin-bottom:20px}.legal-brand-title{flex-direction:row;gap:8px;font-size:2.25rem;line-height:1}.legal-main-header{padding:24px 24px 20px;flex-direction:column;align-items:flex-start;gap:8px}.legal-main-title{font-size:2.25rem}.legal-content-area{padding:24px}.legal-section-title{font-size:1.5rem}}.mobile-topbar,.mobile-actions,.drawer-overlay,.drawer-panel,.legal-mobile-close-btn{display:none}.sm-nav-logout-wrap{margin-top:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.clipboard-layout{padding:0}.clipboard-layout .app-container{border:none;border-radius:0}.clipboard-layout .panel-controls,.clipboard-layout .canvas-tools{display:none}.clipboard-layout .whiteboard-input{padding-bottom:140px}.clipboard-layout .workspace-toast{position:fixed;bottom:100px;z-index:25}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--c-terra);border-bottom:var(--border-thick);flex-shrink:0;z-index:10}.mobile-brand{font-family:var(--font-display);font-weight:900;font-size:1.4rem;letter-spacing:-.04em;color:var(--c-ink)}.mobile-hamburger{width:44px;height:44px;border-radius:50%;background:var(--c-cream);border:var(--border-thick);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-ink);transition:transform .15s ease}.mobile-hamburger:active{transform:scale(.92)}.mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 16px 20px;background:var(--c-cream);border-top:var(--border-thick);gap:12px;z-index:20}.mobile-actions .btn{flex:1;justify-content:center;font-size:1.1rem;padding:28px 16px;gap:10px}.drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1b1599;z-index:100}.drawer-panel{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--c-cream);border-left:var(--border-thick);z-index:110;animation:slideInRight .25s cubic-bezier(.175,.885,.32,1.1)}.drawer-header{padding:20px;border-bottom:var(--border-thick);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-header-title{font-family:var(--font-display);font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:-.02em;color:var(--c-ink)}.drawer-close{width:40px;height:40px;border-radius:50%;border:var(--border-thick);background:var(--c-terra);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c-cream)}.drawer-profile-row{padding:20px;border-bottom:var(--border-thick);display:flex;align-items:center;gap:14px;cursor:pointer}.drawer-profile-row:hover{background:#2d1b150a}.drawer-avatar{width:52px;height:52px;border-radius:50%;background:var(--c-terra);border:var(--border-thick);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1.3rem;color:var(--c-cream);flex-shrink:0}.drawer-profile-name{font-family:var(--font-display);font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:-.02em;color:var(--c-ink)}.drawer-profile-role{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;opacity:.5;color:var(--c-ink)}.drawer-nav{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px}.drawer-nav-item{width:100%;background:#fff;border:var(--border-thick);border-radius:var(--radius-pill);padding:14px 18px;box-shadow:4px 4px 0 var(--c-ink);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;text-decoration:none;color:var(--c-ink);transition:all .15s ease}.drawer-nav-item:hover{text-decoration:none}.drawer-nav-item:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}.drawer-auth{padding:20px;border-bottom:var(--border-thick);display:flex;flex-direction:column;gap:10px}.drawer-signin{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--c-coral);color:#fff;border:var(--border-thick);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:900;font-size:1rem;text-transform:uppercase;text-decoration:none;box-shadow:4px 4px 0 var(--c-ink);cursor:pointer}.drawer-signin:hover{text-decoration:none}.drawer-create{text-align:center;font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--c-ink);text-decoration:none;letter-spacing:.03em;display:block}.drawer-create:hover{text-decoration:underline}.drawer-logout-wrap{padding:20px;border-top:var(--border-thick)}.drawer-logout{width:100%;background:var(--c-coral);color:#fff;border:var(--border-thick);border-radius:var(--radius-pill);padding:14px 18px;box-shadow:4px 4px 0 var(--c-ink);font-family:var(--font-display);font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:-.01em;cursor:pointer}.drawer-logout:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}}@media (max-width: 768px){.auth-layout{padding:0;overflow-y:auto}.auth-container{flex-direction:column;border-radius:0;border:none}.auth-brand-panel{width:100%;padding:28px 24px 20px;border-right:none;border-bottom:var(--border-thick);flex-direction:row;align-items:center;justify-content:space-between;gap:0}.auth-brand-title{font-size:2.2rem;flex-direction:row;gap:0}.auth-brand-title br,.auth-brand-meta,.auth-tagline{display:none}.auth-form-panel{flex:1;padding:28px 24px 32px;overflow-y:auto;align-items:stretch}.auth-form-box{max-width:100%}.auth-form-header{font-size:2rem;margin-bottom:28px}.auth-input{padding:16px 18px;font-size:1rem}.auth-input:focus{transform:none;box-shadow:none;background:#fff}.auth-btn-submit{padding:16px;font-size:1.2rem;box-shadow:none}.auth-btn-submit:hover:not(:disabled){transform:none;box-shadow:none}.otp-container{gap:10px}.otp-input{width:22%;height:72px;font-size:2.2rem;border-radius:16px}.otp-input:focus{transform:none;box-shadow:none}.otp-back-btn{box-shadow:none;padding:10px 16px;font-size:.8rem}.otp-back-btn:hover{transform:none;box-shadow:none}}.settings-page-wrapper{--c-cream: #fdfaf3;--c-terra: #c05a3e;--c-coral: #ff6b52;--c-ink: #2d1b15;--font-display: -apple-system, BlinkMacSystemFont, "Arial Black", Impact, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", "Courier New", Courier, monospace;--radius-lg: 24px;--radius-pill: 999px;--border-thick: 3px solid var(--c-ink);color:var(--c-ink);font-family:var(--font-mono)}[data-theme=dark] .settings-page-wrapper{--c-cream: #ece2cd;--c-terra: #9a4530;--c-coral: #e85a3f;--c-ink: #0f0805}.settings-page-wrapper .sm-overlay{cursor:default}@media (max-width: 768px){.sm-overlay{padding:0;background:var(--c-cream);align-items:stretch}.sm-card{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border:none;flex-direction:column;box-shadow:none}.sm-sidebar{width:100%;background:var(--c-terra);border-right:none;border-bottom:var(--border-thick);padding:12px 16px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sm-sidebar::-webkit-scrollbar{display:none}.sm-nav-item{flex-shrink:0;padding:10px 18px;font-size:.9rem;white-space:nowrap}.sm-nav-logout{display:none}.sm-nav-logout-wrap{margin-top:0;display:none}.sm-content{padding:28px 20px 48px;overflow-y:auto;flex:1}.sm-header{margin-bottom:28px}.sm-title{font-size:2.2rem}.sm-close-btn{display:none}.settings-page-wrapper .sm-close-btn{display:flex}.sm-input{padding:14px;font-size:1rem}.sm-input:focus{transform:none;box-shadow:none;background:#fff}.sm-footer{flex-direction:column}.sm-btn-save,.sm-btn-cancel{padding:14px 24px;font-size:1.1rem;width:100%;text-align:center;justify-content:center}.sm-btn-save:hover{transform:none}}@media (max-width: 768px){.legal-layout{padding:0;height:100dvh}.legal-app-container{flex-direction:column;border-radius:0;border:none}.legal-sidebar{width:100%;flex-direction:row;align-items:center;padding:12px 16px;border-right:none;border-bottom:var(--border-thick);gap:0;justify-content:space-between;flex-shrink:0}.legal-brand,.legal-brand-meta{display:none}.legal-nav-links{flex-direction:row;gap:8px}.legal-nav-item{padding:8px 14px;font-size:.85rem;white-space:nowrap}.legal-back-btn{display:none}.legal-mobile-close-btn{display:flex;width:40px;height:40px;border-radius:50%;border:var(--border-thick);background:var(--c-cream);align-items:center;justify-content:center;flex-shrink:0;box-shadow:3px 3px 0 var(--c-ink);transition:all .2s ease;text-decoration:none;color:var(--c-ink);cursor:pointer}.legal-mobile-close-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--c-ink);text-decoration:none}.legal-mobile-close-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--c-ink)}.legal-panel-main{flex:1;overflow-y:auto}.legal-main-header{padding:20px 20px 16px;flex-direction:column;align-items:flex-start;gap:4px}.legal-main-title{font-size:2.2rem}.legal-content-area{padding:24px 20px}.legal-section-title{font-size:1.2rem}}