@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600&family=Instrument+Serif:ital@0;1&family=Noto+Serif+SC:wght@400;600&display=swap";:root{--border: 1px solid rgb(32, 33, 36);--border-light: 1px solid rgba(32, 33, 36, .14);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--color-ink: rgb(32, 33, 36);--color-bg: #f4f6f3;--color-card: #fff;--color-accent: #2f6f56;--color-danger: #c0392b;--color-muted: #69706d;--color-tag-bg: #edf1e8;--color-hover: rgba(32, 33, 36, .05);--font-serif: "Instrument Serif", "Noto Serif SC", Georgia, serif;--font-sans: "DM Sans", "PingFang SC", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--shadow-md: 0 12px 36px rgba(32, 33, 36, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100vh;color:var(--color-ink);background:linear-gradient(180deg,rgba(47,111,86,.08),transparent 260px),var(--color-bg);font-family:var(--font-sans)}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}.board-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.board-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.board-brand{display:flex;align-items:center;gap:12px;min-width:0;position:relative}.board-dot{width:14px;height:14px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 5px #2f6f5624;flex-shrink:0}.project-switcher{position:relative;min-width:0}.project-trigger{max-width:min(42vw,420px);display:inline-flex;align-items:center;gap:6px;font-family:var(--font-serif);font-size:1.45rem;font-weight:400;line-height:1;color:var(--color-ink)}.project-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-trigger svg{flex:0 0 auto;color:var(--color-muted)}.board-brand h1{font-family:var(--font-serif);font-size:1.45rem;font-weight:400;line-height:1}.board-brand p{color:var(--color-muted);font-size:.8rem;margin-top:4px}.project-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:50;width:min(320px,calc(100vw - 24px));max-height:min(460px,calc(100vh - 96px));overflow-y:auto;padding:8px;border:var(--border);border-radius:var(--radius-sm);background:var(--color-card);box-shadow:var(--shadow-md)}.project-menu-item,.project-menu-create{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:6px;text-align:left}.project-menu-item:hover,.project-menu-create:hover,.project-menu-item.active{background:var(--color-hover)}.project-menu-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.project-menu-item small{color:var(--color-muted);font-size:.72rem;flex-shrink:0}.project-menu-create{margin-top:6px;border-top:var(--border-light);border-radius:0 0 6px 6px;color:var(--color-accent);font-weight:600}.project-menu-create.muted{color:var(--color-muted)}.board-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.text-btn{min-height:36px;padding:0 14px;border:var(--border);border-radius:999px;background:#ffffffb8;transition:background .2s var(--ease),color .2s var(--ease);white-space:nowrap;font-size:.86rem;font-weight:500}.text-btn:hover,.text-btn.primary{background:var(--color-ink);color:#fff}.text-btn.danger{color:var(--color-danger)}.board-stage{min-height:0;padding:0 20px 20px}.board-stage .whiteboard-wrap{height:calc(100vh - 92px);min-height:520px;border:var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.app-toast{position:fixed;right:20px;bottom:20px;z-index:1200;padding:9px 13px;border:var(--border);border-radius:var(--radius-sm);background:var(--color-card);box-shadow:var(--shadow-md);color:var(--color-muted);font-size:.82rem}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px;background:#2021243d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-panel{width:min(360px,100%);display:flex;flex-direction:column;gap:14px;padding:22px;border:var(--border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-md)}.login-panel h2{font-family:var(--font-serif);font-size:1.45rem;font-weight:400}.login-panel input{width:100%;height:42px;padding:0 12px;border:var(--border);border-radius:var(--radius-sm);outline:none}.login-panel p{color:var(--color-danger);font-size:.82rem}.login-actions{display:flex;justify-content:flex-end;gap:8px}.whiteboard-wrap{position:relative;cursor:crosshair;touch-action:none;background:var(--color-card)}.whiteboard-wrap:fullscreen{width:100vw;height:100vh;background:var(--color-card)}.whiteboard-wrap.web-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh!important;z-index:1000;border-radius:0}.whiteboard-wrap canvas{display:block}.wb-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 10px;max-width:calc(100% - 24px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--color-card);border:var(--border);border-radius:999px;box-shadow:var(--shadow-md);z-index:10}.wb-toolbar::-webkit-scrollbar{display:none}.wb-live-dot{width:9px;height:9px;border-radius:50%;background:var(--color-muted);box-shadow:inset 0 0 0 1px #0000001f;margin:0 6px 0 2px;flex-shrink:0}.wb-live-dot.online{background:var(--color-accent)}.wb-live-dot.connecting{background:#fbbc04}.wb-live-dot.offline{background:var(--color-danger)}.wb-pen-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s;padding:0;flex:0 0 auto}.wb-pen-btn:hover{transform:scale(1.1)}.wb-pen-btn.active .wb-pen-indicator{box-shadow:0 0 0 2.5px var(--color-card),0 0 0 4.5px var(--color-ink)}.wb-pen-indicator{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wb-pen-tip{display:block;border-radius:50%;background:#fffc;min-width:3px;min-height:3px}.wb-toolbar-sep{width:1px;height:22px;background:var(--color-ink);opacity:.1;margin:0 4px;flex-shrink:0}.wb-page-label{min-width:52px;text-align:center;color:var(--color-muted);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;flex:0 0 auto}.wb-tool-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.45;color:var(--color-ink);transition:background .2s,opacity .2s;padding:0;flex:0 0 auto}.wb-tool-btn:hover{background:var(--color-hover);opacity:.75}.wb-tool-btn.active{opacity:1;background:var(--color-tag-bg)}.wb-tool-btn:disabled{cursor:not-allowed;opacity:.18}.wb-alert-btn{opacity:1;color:#a15d00;background:#fbbc0429}.wb-danger-btn{color:var(--color-danger)}.wb-toast{position:absolute;right:12px;bottom:144px;z-index:10;padding:8px 12px;border:var(--border);border-radius:var(--radius-sm);background:var(--color-card);box-shadow:var(--shadow-md);color:var(--color-muted);font-size:12px;line-height:1}.wb-minimap{position:absolute;right:12px;bottom:12px;width:180px;height:120px;z-index:9;border:var(--border);border-radius:var(--radius-sm);background:var(--color-card);box-shadow:var(--shadow-md);cursor:pointer}.wb-settings{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:var(--color-card);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:10px;z-index:10;display:flex;flex-direction:column;align-items:center}.wb-color-col{display:flex;flex-direction:column;align-items:center;gap:6px}.wb-color-btn{width:28px;height:28px;border-radius:50%;border:2.5px solid transparent;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .1s}.wb-color-btn:hover{transform:scale(1.15)}.wb-color-btn.active{border-color:var(--color-ink)}.wb-color-custom{position:relative;overflow:hidden}.wb-color-custom input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0;cursor:pointer}.wb-color-fill{display:block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.wb-sep{width:22px;height:1px;background:var(--color-ink);opacity:.08;margin:8px 0}.wb-width-slider-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.wb-width-label{font-size:11px;font-weight:600;color:var(--color-muted);font-variant-numeric:tabular-nums;line-height:1}.wb-range-v{writing-mode:vertical-lr;direction:rtl;width:20px;height:100px;cursor:pointer;accent-color:var(--color-ink)}.wb-width-preview{transition:width .15s,height .15s;flex-shrink:0;opacity:.9}.wb-panel-enter-active,.wb-panel-leave-active{transition:opacity .2s ease,transform .2s ease}.wb-panel-enter-from,.wb-panel-leave-to{opacity:0;transform:translateY(-50%) translate(-10px)}@media(max-width:768px){.board-topbar{align-items:flex-start;padding:12px}.project-trigger{max-width:42vw;font-size:1.2rem}.board-brand h1{font-size:1.2rem}.board-actions{gap:6px}.text-btn{min-height:32px;padding:0 10px;font-size:.78rem}.board-stage{padding:0 8px 8px}.board-stage .whiteboard-wrap{height:calc(100dvh - 72px);min-height:420px;border-radius:12px}.wb-toolbar{top:8px;left:8px;right:8px;transform:none;max-width:none;justify-content:flex-start;padding:5px 7px}.wb-pen-btn{width:30px;height:30px}.wb-pen-indicator{width:22px;height:22px}.wb-tool-btn{width:30px;height:30px}.wb-settings{left:8px;padding:8px}.wb-minimap{width:120px;height:80px;right:8px;bottom:8px}.wb-toast{right:8px;bottom:96px}.wb-color-btn{width:24px;height:24px}.wb-color-fill{width:15px;height:15px}.wb-range-v{height:80px}}