.placeholder-panel h1{color:var(--color-text);margin:0 0 8px;font-size:15px}.placeholder-panel p{color:var(--color-text-secondary);margin:0;font-size:12px}.login-page{background-color:var(--color-bg-canvas);background-image:radial-gradient(var(--color-dot-grid) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.locale-toggle{color:var(--color-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.locale-toggle__sep{margin:0 4px}.locale-toggle__btn{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px}.locale-toggle__btn:hover{color:var(--color-text-secondary)}.locale-toggle__btn--active{color:var(--color-text);text-underline-offset:3px;text-decoration:underline}.login-page__card{background:var(--color-bg-card);border:1px solid var(--color-border-card);width:280px;box-shadow:var(--shadow-card);border-radius:10px;flex-direction:column;gap:14px;padding:24px;display:flex}.login-page__title{color:var(--color-text);text-align:center;flex-direction:column;align-items:center;gap:14px;margin:8px 0 0;font-size:20px;display:flex}.login-page__title .brand-logo{opacity:.9;width:56px;height:56px}.login-page__powered-by{letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--color-text-muted);margin:4px 0 0;font-size:9px}.login-page__subtitle{text-align:center;color:var(--color-text-muted);margin:-4px 0 8px;font-size:11px}.login-page__error{border:1px solid var(--color-progress-low);color:var(--color-text);background:#c96a3f1f;border-radius:6px;margin:-4px 0 0;padding:8px 10px;font-size:11px}.login-page__info{border:1px solid var(--color-accent);color:var(--color-text);background:#4a765924;border-radius:6px;margin:-4px 0 0;padding:8px 10px;font-size:11px}.login-page__footer{color:var(--color-text-muted);text-align:center;margin:4px 0 0;font-size:11px}.login-page__footer a,.login-page__footer button{color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.login-page__footer a:hover,.login-page__footer button:hover{color:var(--color-text)}.auth-loading{min-height:100vh;color:var(--color-text-muted);background-color:var(--color-bg-canvas);justify-content:center;align-items:center;font-size:12px;display:flex}.settings-page{max-width:420px;margin:0 auto}.settings-page__title{color:var(--color-text);margin:0 0 20px;font-size:16px}.settings-page__section{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:10px;margin-bottom:16px;padding:18px}.settings-page__section h2{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin:0 0 14px;font-size:12px}.settings-page__form{flex-direction:column;gap:12px;display:flex}.settings-page__field+.settings-page__field{margin-top:14px}.settings-page__field-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.8rem;display:block}.settings-page__theme-switch{gap:8px;display:flex}.theme-option{border:1px solid var(--color-border-card);background:var(--color-bg-hover);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-size:12px}.theme-option--active{border-color:var(--color-accent);color:var(--color-text)}.board-list__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.board-list__header h1{color:var(--color-text);margin:0;font-size:15px}.board-list__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.board-tile{background:var(--color-bg-card);border:1px solid var(--color-border-card);cursor:pointer;min-height:80px;color:inherit;box-shadow:var(--shadow-card);border-radius:10px;flex-direction:column;justify-content:space-between;padding:16px;text-decoration:none;display:flex;position:relative}.board-tile:hover{border-color:var(--color-accent)}.board-tile__title{color:var(--color-text);word-break:break-word;font-size:13px;font-weight:600}.board-tile__meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.board-tile__badge{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:9px}.board-tile__actions{gap:4px;display:flex}.board-tile--new{border-style:dashed;border-color:var(--color-border-dashed);color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;font-size:12px}.board-tile--new:hover{color:var(--color-text);border-color:var(--color-accent)}.board-list__empty{color:var(--color-text-muted);font-size:12px}.board-list__action-error{margin-bottom:12px}.board-list__trash-link{text-align:left;margin-top:20px}.board-page__floating-error{z-index:50;box-shadow:var(--shadow-panel);position:fixed;top:60px;left:50%;transform:translate(-50%)}.topbar-breadcrumb-trail{align-items:center;gap:4px;display:flex;overflow:hidden}.topbar-breadcrumb-trail a,.topbar-breadcrumb-trail span{color:var(--color-text-muted);white-space:nowrap;font-size:11px;text-decoration:none}.topbar-breadcrumb-trail a:hover{color:var(--color-text)}.topbar-breadcrumb-trail__current{color:var(--color-text)!important}.members-panel__list{flex-direction:column;gap:8px;max-height:220px;margin-bottom:16px;display:flex;overflow-y:auto}.members-panel__row{align-items:center;gap:8px;font-size:.8125rem;display:flex}.members-panel__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.members-panel__hint{color:var(--color-text-muted);margin:0 0 12px;font-size:.75rem}.members-panel__invite{border-top:1px solid var(--color-border);padding-top:14px}.members-panel__invite h3{text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted);margin:0 0 10px;font-size:.6875rem}.members-panel__invite-row{flex-direction:column;gap:8px;display:flex}.members-panel__candidates{flex-direction:column;gap:4px;max-height:140px;display:flex;overflow-y:auto}.members-panel__candidate{background:var(--color-bg-hover);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:.8125rem;display:flex}.comments-panel{background:var(--color-bg-panel);border-left:1px solid var(--color-border-card);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-panel);z-index:40;flex-direction:column;display:flex;position:fixed;top:48px;bottom:0;right:0}.comments-panel__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.comments-panel__title{color:var(--color-text);font-size:.875rem;font-weight:600}.comments-panel__status{color:var(--color-text-muted);margin:0;padding:6px 14px 0;font-size:.6875rem}.comments-panel__list{flex-direction:column;flex:1;gap:8px;padding:10px 14px;display:flex;overflow-y:auto}.comments-panel__empty{color:var(--color-text-muted);font-size:.8125rem}.comment-row{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:8px;padding:8px 10px}.comment-row--resolved{opacity:.6}.comment-row__meta{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.comment-row__author{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.comment-row__time{color:var(--color-text-muted);white-space:nowrap;font-size:.6875rem}.comment-row__body{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8125rem}.comment-row--resolved .comment-row__body{text-decoration:line-through}.comment-row__actions{justify-content:flex-end;gap:4px;margin-top:6px;display:flex}.comments-panel__resolved-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:.75rem}.comments-panel__resolved-toggle:hover{color:var(--color-text)}.comments-panel__composer{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px;display:flex}.comments-panel__textarea{resize:none;background:var(--color-bg-card);border:1px solid var(--color-border-card);min-height:56px;color:var(--color-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:.8125rem}.comments-panel__textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.comments-panel__send{align-self:flex-end}.comments-panel__viewer-hint{border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;margin:0;padding:10px 14px;font-size:.75rem}.topbar-icon-badge-wrap{display:inline-flex;position:relative}.topbar-icon-badge{background:var(--color-progress-low);color:#fff;text-align:center;pointer-events:none;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;line-height:14px;position:absolute;top:-3px;right:-3px}.trash-page__list{flex-direction:column;gap:8px;display:flex}.trash-page__row{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.trash-page__title{color:var(--color-text);flex:1;font-size:12px}.trash-page__actions{gap:8px;display:flex}.topbar-overflow__scrim{z-index:100;position:fixed;inset:0}.topbar-overflow__menu{background:var(--color-bg-panel);border:1px solid var(--color-border-card);min-width:200px;box-shadow:var(--shadow-panel);border-radius:10px;flex-direction:column;gap:1px;padding:4px;display:flex;position:fixed;top:54px;right:10px}.topbar-overflow__item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:.8125rem;display:flex}.topbar-overflow__item:hover{background:var(--color-bg-hover)}.topbar-overflow__item svg{flex-shrink:0}.topbar-overflow__item--danger{color:var(--color-progress-low)}.settings-page__version{letter-spacing:.05em;text-align:center;color:var(--color-text-muted);margin:4px 0 0;font-size:.6875rem}.btn{border:1px solid var(--color-border-card);cursor:pointer;background:var(--color-bg-hover);color:var(--color-text);border-radius:8px;padding:8px 14px;font-size:.8125rem}.btn:hover{filter:brightness(1.12)}.btn--secondary{background:0 0}.icon-button{background:var(--color-border);width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:flex}.icon-button--round{border-radius:50%}.icon-button:hover{background:var(--color-bg-hover);color:var(--color-text)}.text-field{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:.8125rem;display:flex}.text-field__input{background:var(--color-bg-card);border:1px solid var(--color-border-card);color:var(--color-text);border-radius:8px;padding:9px 11px;font-size:.875rem}.text-field__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.select__input{background:var(--color-bg-card);border:1px solid var(--color-border-card);color:var(--color-text);border-radius:8px;padding:8px 10px;font-size:.8125rem}.select__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.btn--danger{background:var(--color-progress-low);color:#fff;border-color:#0000}.btn--danger:hover{filter:brightness(1.15)}.btn:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed;filter:none}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-bg-panel);border:1px solid var(--color-border-card);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-panel);border-radius:10px;flex-direction:column;display:flex}.modal-panel__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-panel__title{color:var(--color-text);font-size:.875rem;font-weight:600}.modal-panel__body{padding:16px;overflow-y:auto}.modal-panel--large{width:min(92vw,1080px);height:min(88vh,760px)}@media (width<=720px){.modal-panel--large{border-radius:8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}}.confirm-dialog__message{color:var(--color-text-secondary);margin:0 0 16px;font-size:.8125rem}.confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.inline-edit-text__input{background:var(--color-bg-card);border:1px solid var(--color-accent);color:var(--color-text);font:inherit;border-radius:6px;width:100%;padding:2px 6px}.icon-button--active{background:var(--color-accent);color:var(--color-bg-panel)}.search-palette-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-start;padding-top:96px;display:flex;position:fixed;inset:0}.search-palette{background:var(--color-bg-panel);border:1px solid var(--color-border-card);width:min(560px,100vw - 32px);max-height:min(60vh,480px);box-shadow:var(--shadow-panel);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.search-palette__input-row{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.search-palette__input{font:inherit;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.search-palette__input::placeholder{color:var(--color-text-muted)}.search-palette__list{padding:6px;overflow-y:auto}.search-palette__empty{text-align:center;color:var(--color-text-muted);margin:0;padding:16px;font-size:.8125rem}.search-palette__row{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:.8125rem;display:flex}.search-palette__row-icon{color:var(--color-text-secondary);flex-shrink:0;display:flex}.search-palette__row--active{background:var(--color-bg-hover)}.search-palette__row-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-palette__row-path{color:var(--color-text-muted);margin-right:4px}.search-palette__hints{border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;gap:14px;padding:8px 16px;font-size:.6875rem;display:flex}@media (width<=640px){.search-palette-overlay{align-items:flex-start;padding-top:0}.search-palette{border:none;border-radius:0;width:100vw;height:100vh;max-height:100vh}}.toast-viewport{z-index:300;pointer-events:none;flex-direction:column-reverse;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--color-bg-panel);border:1px solid var(--color-border-card);border-left:3px solid var(--color-text-secondary);box-shadow:var(--shadow-panel);color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:.8125rem;animation:.16s ease-out toast-in;display:flex}.toast--error{border-left-color:var(--color-progress-low)}.toast--info{border-left-color:var(--color-accent)}.toast__message{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.toast-viewport{max-width:none;bottom:16px;left:16px;right:16px;transform:none}}.help-modal__shell{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.help-nav{border-right:1px solid var(--color-border);flex-direction:column;flex:0 0 208px;gap:2px;padding:1rem .75rem;display:flex;overflow-y:auto}.help-nav__btn{text-align:left;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:none;border-radius:8px;padding:.5625rem .75rem;font-size:.8125rem;font-weight:500}.help-nav__btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.help-nav__btn--active{background:var(--color-bg-hover);color:var(--color-text);box-shadow:inset 2.5px 0 0 var(--color-accent)}.help-content{flex:1;min-width:0;padding:1.5rem 2rem 2rem;overflow-y:auto}.help-content:focus-visible{outline:none}.help-content__title{margin:0 0 1rem;font-size:1.0625rem}.help-lead,.help-subhead{color:var(--color-text-secondary);margin:0 0 .875rem;font-size:.8125rem;line-height:1.6}.help-subhead{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:1.5rem;font-size:.6875rem}.help-list{flex-direction:column;gap:.375rem;margin:0 0 1rem;padding-left:1.125rem;display:flex}.help-list li{color:var(--color-text);font-size:.8125rem;line-height:1.55}.help-kbd{border:1px solid var(--color-border-card);background:var(--color-bg-card);min-width:1.375rem;color:var(--color-text);box-shadow:0 1px 0 var(--color-border);border-radius:5px;justify-content:center;align-items:center;margin:0 .0625rem;padding:.0625rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-style:normal;line-height:1.5;display:inline-flex}.help-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.help-step{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:10px;padding:.875rem .875rem .75rem;position:relative}.help-step__num{color:var(--color-text-muted);font-size:.6875rem;font-weight:600;position:absolute;top:.625rem;right:.75rem}.help-step__icon{color:var(--color-text);margin-bottom:.5rem;display:inline-flex}.help-step__title{color:var(--color-text);margin:0 0 .25rem;font-size:.8125rem;font-weight:600}.help-step__body{color:var(--color-text-secondary);margin:0;font-size:.75rem;line-height:1.5}.help-feature{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.help-feature:last-child{border-bottom:none}.help-feature__visual{width:3.25rem;color:var(--color-text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.help-feature__icon-pair{gap:.375rem;display:flex}.help-feature__text{flex:1;min-width:0}.help-feature__title{color:var(--color-text);margin:0 0 .125rem;font-size:.8125rem;font-weight:600}.help-feature__body{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.6}.help-mini-note{background:var(--color-bg-note-sticky);border:1px solid var(--color-border-dashed);width:3.25rem;height:2.5rem;box-shadow:var(--shadow-card);color:var(--color-text-sticky);text-align:center;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;font-size:.5625rem;display:flex}.help-swatches{flex-wrap:wrap;gap:.75rem;margin-top:.625rem;display:flex}.help-swatch{flex-direction:column;align-items:center;gap:.3125rem;display:flex}.help-swatch__dot{border:1px solid var(--color-border-card);border-radius:50%;width:1.25rem;height:1.25rem}.help-swatch__dot--default{background:var(--color-bg-note-sticky)}.help-swatch__dot--stone{background:var(--color-bg-note-stone)}.help-swatch__dot--sand{background:var(--color-bg-note-sand)}.help-swatch__dot--moss{background:var(--color-bg-note-moss)}.help-swatch__dot--ocean{background:var(--color-bg-note-ocean)}.help-swatch__dot--plum{background:var(--color-bg-note-plum)}.help-swatch__dot--rust{background:var(--color-bg-note-rust)}.help-swatch__label{color:var(--color-text-muted);font-size:.625rem}.help-roles{border:1px solid var(--color-border-card);border-radius:10px;overflow:hidden}.help-roles__row{align-items:center;display:grid}.help-roles__row:not(:last-child){border-bottom:1px solid var(--color-border)}.help-roles__row--head{background:var(--color-bg-panel-alt)}.help-roles__cell{color:var(--color-text-secondary);text-align:center;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;display:flex}.help-roles__cell--role{text-align:left;color:var(--color-text);justify-content:flex-start;font-weight:600}.help-roles__cell--head{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:.6875rem;font-weight:600}.help-roles__mark{display:inline-flex}.help-roles__mark--yes{color:var(--color-progress-high)}.help-roles__mark--no{color:var(--color-text-muted)}.help-illustration-block{color:var(--color-text-secondary);justify-content:center;padding:.5rem 0 1.125rem;display:flex}.help-toolbar-showcase{flex-wrap:wrap;gap:.5rem;margin:.125rem 0 1.25rem;display:flex}.help-toolbar-showcase__item{background:var(--color-bg-card);border:1px solid var(--color-border-card);color:var(--color-text-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:.3125rem;min-width:2.75rem;padding:.5rem .625rem;display:flex}.help-toolbar-showcase__icon{display:inline-flex}.help-zoombar-showcase{margin:.125rem 0 1.25rem}.help-zoombar-showcase__pill{background:var(--color-bg-card);border:1px solid var(--color-border-card);box-shadow:var(--shadow-card);color:var(--color-text-secondary);border-radius:999px;align-items:center;gap:.125rem;padding:.375rem;display:inline-flex}.help-zoombar-showcase__btn{justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;padding:0 .25rem;display:inline-flex}.help-zoombar-showcase__percent{color:var(--color-text);font-size:.6875rem;font-weight:600}.help-zoombar-showcase__divider{background:var(--color-border);width:1px;height:1.125rem;margin:0 .125rem}.help-zoombar-showcase__legend{flex-wrap:wrap;gap:.625rem;margin-top:.5rem;display:flex}.help-zoombar-showcase__legend-item{color:var(--color-text-muted);font-size:.6875rem}.help-zoombar-showcase__legend-item:before{content:"·";color:var(--color-border-dashed);margin-right:.375rem}.help-zoombar-showcase__legend-item:first-child:before{content:"";margin-right:0}.help-board-scene{width:100%;max-width:17.5rem;height:6rem;margin:.375rem 0 1.5rem;position:relative}.help-board-scene__card{border:1px solid var(--color-border-dashed);width:5.75rem;height:3.25rem;box-shadow:var(--shadow-card);border-radius:6px;position:absolute}.help-board-scene__card--a{background:var(--color-bg-note-moss);top:.375rem;left:.25rem}.help-board-scene__card--b{background:var(--color-bg-note-ocean);bottom:.375rem;right:.25rem}.help-board-scene__curve{width:100%;height:100%;color:var(--color-text-secondary);position:absolute;inset:0}.help-board-scene__anchor{color:var(--color-text-muted);font-size:.625rem;position:absolute;bottom:-.25rem;right:.25rem;transform:translateY(100%)}.help-mini-note--stone{background:var(--color-bg-note-stone);color:var(--color-text-note-stone)}.help-mini-note--moss{background:var(--color-bg-note-moss);color:var(--color-text-note-moss)}.help-color-before-after{align-items:center;gap:.75rem;margin-top:.875rem;display:flex}.help-color-before-after__item{flex-direction:column;align-items:center;gap:.3125rem;display:flex}.help-color-before-after__caption{color:var(--color-text-muted);font-size:.625rem}.help-color-before-after__arrow{color:var(--color-accent);font-size:1.125rem;line-height:1}.help-privacy-tiles{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.help-privacy-tiles__tile{background:var(--color-bg-card);border:1px solid var(--color-border-card);color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.help-privacy-tiles__tile--shared{color:var(--color-text);border-color:var(--color-accent)}.help-privacy-tiles__arrow{color:var(--color-accent);font-size:1.125rem;line-height:1}.help-comment-bubble{background:var(--color-bg-card);border:1px solid var(--color-border-card);max-width:20rem;box-shadow:var(--shadow-card);border-radius:10px;align-items:flex-start;gap:.625rem;margin:.75rem 0 1.25rem;padding:.625rem .75rem;display:flex}.help-comment-bubble__avatar{background:var(--color-bg-hover);width:1.5rem;height:1.5rem;color:var(--color-text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.help-comment-bubble__body{flex:1;min-width:0}.help-comment-bubble__meta{align-items:baseline;gap:.4375rem;display:flex}.help-comment-bubble__author{color:var(--color-text);font-size:.75rem;font-weight:600}.help-comment-bubble__time{color:var(--color-text-muted);font-size:.625rem}.help-comment-bubble__text{color:var(--color-text-secondary);margin:.125rem 0 0;font-size:.75rem;line-height:1.5}.help-comment-bubble__check{background:color-mix(in srgb, var(--color-progress-high) 22%, transparent);width:1.125rem;height:1.125rem;color:var(--color-progress-high);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:.125rem;display:inline-flex}.help-gesture-callout{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:10px;align-items:center;gap:.875rem;margin:.5rem 0 1.25rem;padding:.75rem 1rem;display:flex}.help-gesture-callout__art{color:var(--color-text-secondary);flex:none;display:flex}.help-gesture-callout__caption{color:var(--color-text);margin:0;font-size:.75rem;font-weight:600}@media (width<=720px){.help-modal__shell{flex-direction:column}.help-nav{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;flex:none;gap:.375rem;padding:.625rem .75rem;overflow:auto hidden}.help-nav__btn{white-space:nowrap;flex:none}.help-nav__btn--active{box-shadow:inset 0 -2.5px 0 var(--color-accent)}.help-content{padding:1.125rem 1.125rem 1.5rem}.help-feature{align-items:flex-start}.help-gesture-callout{flex-direction:column;align-items:flex-start}.help-board-scene,.help-comment-bubble{max-width:100%}}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.brand-watermark{-webkit-user-select:none;user-select:none;opacity:.45;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding:18px 10px 8px;display:flex}.brand-watermark__caption{letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;color:var(--color-text-secondary);font-size:8px}.brand-watermark__logo{filter:grayscale();width:28px;height:auto}.topbar{height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar__title{color:var(--color-text);font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;align-items:center;gap:8px;font-size:.8125rem;text-decoration:none;display:inline-flex}.topbar__title .brand-logo{opacity:.9;width:20px;height:20px}.topbar__breadcrumb{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;font-size:.75rem;display:flex;overflow:hidden}.topbar__actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.topbar__actions-scroll{align-items:center;gap:8px;min-width:0;display:flex}.topbar__search,.topbar__actions>.icon-button{flex-shrink:0}.topbar__search{background:var(--color-border);height:24px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:5px;padding:0 12px;font-size:.6875rem;display:inline-flex}.topbar__search:hover{background:var(--color-bg-hover);color:var(--color-text)}.app-shell__body{flex:1;min-height:0;display:flex}.sidebar{background:var(--color-bg-panel);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:190px;padding:10px;display:flex;overflow-y:auto}.sidebar-menu{z-index:90;background:var(--color-bg-panel);border:1px solid var(--color-border);min-width:190px;max-width:240px;box-shadow:var(--shadow-panel);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed}.sidebar-menu__item{width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:.78rem;display:flex}.sidebar-menu__item:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.sidebar-menu__item:disabled{opacity:.4;cursor:default}.sidebar-menu__item--danger:hover:not(:disabled){color:var(--color-progress-low)}.sidebar-menu__targets{border-left:1px solid var(--color-border);flex-direction:column;gap:2px;max-height:200px;margin-left:8px;display:flex;overflow-y:auto}.sidebar-menu__item--target{justify-content:flex-start;font-size:.74rem}.sidebar-menu__divider{background:var(--color-border);height:1px;margin:4px 6px}.sidebar-hotzone{top:calc(48px + env(safe-area-inset-top,0px));z-index:54;width:8px;position:fixed;bottom:0;left:0}.sidebar--overlay{top:calc(48px + env(safe-area-inset-top,0px));z-index:56;border-right:1px solid var(--color-border);box-shadow:var(--shadow-panel);animation:.16s ease-out sidebar-slide-in;position:fixed;bottom:0;left:0}@keyframes sidebar-slide-in{0%{opacity:.4;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@media (width<=640px){.sidebar-hotzone{display:none}}.sidebar-scrim{display:none}.sidebar__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sidebar__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:9px}.sidebar__pin{background:var(--color-border);color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:4px;padding:2px 5px;font-size:10px}.sidebar__pin[aria-pressed=true]{background:var(--color-bg-hover);color:var(--color-text)}.sidebar__item{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin-bottom:4px;padding:6px 9px;font-size:.8125rem;line-height:1.5;text-decoration:none;display:block;overflow:hidden}.sidebar__item-icon{vertical-align:-2px;display:inline-flex}.sidebar__item:hover{background:var(--color-bg-hover);color:var(--color-text)}.sidebar__item--active{background:var(--color-bg-hover);color:var(--color-text);font-weight:600}.sidebar__item--muted{color:var(--color-text-muted)}.sidebar__item--editing{padding:2px 8px}.sidebar__new{text-align:left;width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-top:4px;padding:6px 9px;font-size:.8125rem}.sidebar__new:hover{color:var(--color-text);background:var(--color-bg-hover)}.sidebar__trash-link{border-top:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:5px;margin-top:10px;padding-top:10px;font-size:.6875rem;text-decoration:none;display:flex}.sidebar__trash-link:hover{color:var(--color-text)}.app-shell__content{background-color:var(--color-bg-canvas);background-image:radial-gradient(var(--color-dot-grid) 1px, transparent 1px);background-size:22px 22px;flex:1;min-width:0;padding:24px;position:relative;overflow:auto}@media (width<=640px){.topbar{padding:env(safe-area-inset-top,0px) 10px 0;gap:6px}.topbar__title .brand-logo,.topbar__search-label{display:none}.topbar__search{border-radius:50%;justify-content:center;width:40px;height:40px;padding:0}.topbar .icon-button{width:40px;height:40px}.topbar__actions-scroll{scrollbar-width:none;overflow-x:auto}.topbar__actions-scroll::-webkit-scrollbar{display:none}.sidebar-scrim{top:calc(48px + env(safe-area-inset-top,0px));z-index:55;background:#00000080;display:block;position:fixed;bottom:0;left:0;right:0}.sidebar{top:calc(48px + env(safe-area-inset-top,0px));z-index:56;width:min(260px,82vw);box-shadow:var(--shadow-panel);position:fixed;bottom:0;left:0}.sidebar__item,.sidebar__new{padding:10px 9px}.sidebar__pin{padding:8px 9px}.sidebar__trash-link{padding:8px 0}}.canvas-root{background-color:var(--color-bg-canvas);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;width:calc(100% + 48px);height:calc(100% + 48px);margin:-24px;position:relative;overflow:hidden}.canvas-root--pan-ready{cursor:grab}.canvas-root--panning{cursor:grabbing}.canvas-root--tool-crosshair{cursor:crosshair}.canvas-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.element-card{background:var(--color-bg-card);border:1px solid var(--color-border-card);box-shadow:var(--shadow-card);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;padding:10px;position:absolute;overflow:hidden}.element-card:active{cursor:grabbing}.element-card--note{background:var(--color-bg-note-sticky);border-color:var(--color-border-dashed);--note-text-color:var(--color-text-sticky)}.element-card--sticker{background:var(--color-bg-sticker);--note-text-color:var(--color-text-sticker);border-color:#0000;border-radius:2px;align-items:center;display:flex;box-shadow:0 5px 10px -5px #00000059}.element-card--sticker.element-card--note-stone{background:var(--color-bg-sticker-stone);--note-text-color:var(--color-text-sticker)}.element-card--sticker.element-card--note-sand{background:var(--color-bg-sticker-sand);--note-text-color:var(--color-text-sticker)}.element-card--sticker.element-card--note-moss{background:var(--color-bg-sticker-moss);--note-text-color:var(--color-text-sticker)}.element-card--sticker.element-card--note-ocean{background:var(--color-bg-sticker-ocean);--note-text-color:var(--color-text-sticker)}.element-card--sticker.element-card--note-plum{background:var(--color-bg-sticker-plum);--note-text-color:var(--color-text-sticker)}.element-card--sticker.element-card--note-rust{background:var(--color-bg-sticker-rust);--note-text-color:var(--color-text-sticker)}.element-card__sticker-text{width:100%;color:var(--note-text-color,var(--color-text-sticky));white-space:pre-wrap;word-break:break-word;text-align:center;font-size:1rem;line-height:1.4}.element-card__sticker-textarea{resize:none;width:100%;height:100%;color:var(--note-text-color,var(--color-text-sticky));text-align:center;cursor:text;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:1rem;line-height:1.4}.element-card__link-badge{width:22px;height:22px;color:var(--note-text-color,var(--color-text-sticky));opacity:.75;cursor:pointer;background:#0000002e;border-radius:6px;justify-content:center;align-items:center;transition:opacity .1s,transform .1s;display:inline-flex;position:absolute;top:4px;right:4px}.element-card__link-badge:hover{opacity:1;background:var(--color-accent);color:var(--color-bg-panel);transform:scale(1.15)}.element-card--note-stone{background:var(--color-bg-note-stone);--note-text-color:var(--color-text-note-stone)}.element-card--note-sand{background:var(--color-bg-note-sand);--note-text-color:var(--color-text-note-sand)}.element-card--note-moss{background:var(--color-bg-note-moss);--note-text-color:var(--color-text-note-moss)}.element-card--note-ocean{background:var(--color-bg-note-ocean);--note-text-color:var(--color-text-note-ocean)}.element-card--note-plum{background:var(--color-bg-note-plum);--note-text-color:var(--color-text-note-plum)}.element-card--note-rust{background:var(--color-bg-note-rust);--note-text-color:var(--color-text-note-rust)}.element-card--selected{outline:2px solid var(--color-accent);outline-offset:2px}.element-card--connection-source{outline:2px dashed var(--color-accent);outline-offset:2px}.element-card__note-text{color:var(--note-text-color,var(--color-text-sticky));white-space:pre-wrap;word-break:break-word;text-align:center;font-size:.875rem;line-height:1.5}.element-card__placeholder{color:var(--color-text-muted);font-size:.6875rem;font-style:italic}.element-card__handle{background:var(--color-bg-panel);border:1px solid var(--color-accent);touch-action:none;border-radius:2px;width:10px;height:10px;position:absolute}.element-card__handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.element-card__handle--n{cursor:ns-resize;top:-5px;left:calc(50% - 5px)}.element-card__handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.element-card__handle--e{cursor:ew-resize;top:calc(50% - 5px);right:-5px}.element-card__handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.element-card__handle--s{cursor:ns-resize;bottom:-5px;left:calc(50% - 5px)}.element-card__handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.element-card__handle--w{cursor:ew-resize;top:calc(50% - 5px);left:-5px}.element-card__connection{background:var(--color-bg-panel);border:1px solid var(--color-accent);cursor:crosshair;touch-action:none;z-index:1;border-radius:50%;width:10px;height:10px;transition:transform .1s,background-color .1s,border-color .1s;position:absolute}.element-card__connection:hover{background:var(--color-accent);border-color:var(--color-bg-panel);transform:scale(1.5)}.element-card--connection-tool .element-card__connection{opacity:0;pointer-events:none}.element-card--connection-tool:hover .element-card__connection{opacity:1;pointer-events:auto}.element-card__connection--n{top:-5px;left:calc(50% - 5px)}.element-card__connection--s{bottom:-5px;left:calc(50% - 5px)}.element-card__connection--e{top:calc(50% - 5px);right:-5px}.element-card__connection--w{top:calc(50% - 5px);left:-5px}.canvas-lines-layer{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.canvas-line__hit,.canvas-line__visible,.canvas-line__preview{fill:none}.canvas-line__hit{stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:pointer}.canvas-line__visible{stroke:var(--color-border-dashed);stroke-width:1.5px;stroke-dasharray:4 4;pointer-events:none}.canvas-line__visible--selected{stroke:var(--color-accent);stroke-width:2px}.canvas-line__preview{stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:4 4;pointer-events:none;opacity:.6}.canvas-line__handle{background:var(--color-bg-panel);border:1px solid var(--color-accent);touch-action:none;z-index:500000;border-radius:50%;width:12px;height:12px;transition:transform .1s,background-color .1s,border-color .1s;position:absolute}.canvas-line__handle:hover{background:var(--color-accent);border-color:var(--color-bg-panel);transform:scale(1.5)}.canvas-line__handle--bow{cursor:grab}.canvas-line__handle--bow:active{cursor:grabbing}.canvas-line__handle--endpoint{cursor:crosshair}.element-card__note-textarea{resize:none;width:100%;height:100%;color:var(--note-text-color,var(--color-text-sticky));text-align:center;cursor:text;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:.875rem;line-height:1.5}.element-card--image{padding:0}.element-card__image{object-fit:cover;pointer-events:none;border-radius:7px;width:100%;height:100%;display:block}.element-card__image-state{width:100%;height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.625rem;display:flex}.element-card__image-state--error{color:var(--color-progress-low)}.element-card__spinner{border:2px solid var(--color-border-card);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite element-card-spin}@keyframes element-card-spin{to{transform:rotate(360deg)}}.element-card__image-actions{gap:6px;display:flex}.element-card__image-action{border:1px solid var(--color-border-card);background:var(--color-bg-hover);color:var(--color-text);cursor:pointer;border-radius:6px;padding:3px 7px;font-size:.625rem}.element-card__image-action:hover{filter:brightness(1.15)}.element-card--link{flex-direction:column;justify-content:center;gap:4px;display:flex}.element-card__link{flex-direction:column;justify-content:center;gap:4px;height:100%;display:flex}.element-card__link-domain{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:.75rem;display:inline-flex;overflow:hidden}.element-card__link-domain--clickable{cursor:pointer;text-decoration:none}.element-card__link-domain--clickable:hover{color:var(--color-text);text-decoration:underline}.element-card__link-domain svg{flex-shrink:0}.element-card__link-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.element-card__link-title-placeholder{color:var(--color-text-muted);font-style:italic}.element-card__link--with-preview{justify-content:flex-start}.element-card__link-preview{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:7px 7px 0 0;flex:0 0 55%;width:calc(100% + 20px);min-height:0;margin:-10px -10px 6px;display:block}.element-card--has-preview-strip{flex-direction:column;display:flex}.element-card--sticker.element-card--has-preview-strip{align-items:stretch}.element-card--has-preview-strip .element-card__note-text,.element-card--has-preview-strip .element-card__note-textarea,.element-card--has-preview-strip .element-card__sticker-text,.element-card--has-preview-strip .element-card__sticker-textarea{flex:1;height:auto;min-height:0;overflow:hidden}.element-card--has-preview-strip .element-card__sticker-text{flex-direction:column;justify-content:center;display:flex}.element-card__preview-strip{cursor:pointer;border-radius:0 0 7px 7px;flex:0 0 56px;height:56px;margin:10px -10px -10px;display:block;overflow:hidden}.element-card--sticker .element-card__preview-strip{border-radius:0 0 2px 2px}.element-card__preview-strip img{object-fit:cover;width:100%;height:100%;display:block}.element-card__preview-strip:hover img{filter:brightness(1.08)}.element-card--board{border:1.5px dashed var(--color-border-dashed);background:0 0;display:flex}.element-card__board-tile{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.element-card__board-tile-icon{font-size:1.25rem}.element-card__board-tile-title{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 8px;font-size:.85rem;overflow:hidden}.canvas-toolbar{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);z-index:5;border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.canvas-toolbar__tools,.canvas-toolbar__history{flex-direction:column;gap:4px;display:flex}.canvas-toolbar__anchor{position:relative}.canvas-toolbar__btn{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.canvas-toolbar__btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.canvas-toolbar__btn--active{background:var(--color-accent);color:var(--color-bg-panel)}.canvas-toolbar__btn--active:hover:not(:disabled){background:var(--color-accent);filter:brightness(1.08)}.canvas-toolbar__btn:disabled{opacity:.4;cursor:not-allowed}.canvas-toolbar__file-input{display:none}.canvas-toolbar__divider{background:var(--color-border);height:1px;margin:2px 4px}.canvas-toolbar__popover{background:var(--color-bg-panel);border:1px solid var(--color-border-card);width:220px;box-shadow:var(--shadow-panel);z-index:1;border-radius:8px;padding:10px;position:absolute;top:0;left:calc(100% + 8px)}.canvas-toolbar__error{color:var(--color-progress-low);margin-top:6px;font-size:.6875rem;display:block}.canvas-format-bar{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);z-index:6;border-radius:12px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute}.canvas-format-bar__btn{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.72rem;font-weight:600;display:flex}.canvas-format-bar__btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.canvas-format-bar__btn--active{background:var(--color-accent);color:var(--color-bg-panel)}.canvas-format-bar__btn--active:hover{background:var(--color-accent);filter:brightness(1.08)}.canvas-format-bar__divider{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.canvas-format-bar__value{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;color:var(--color-text);flex-shrink:0;font-size:.78rem}.canvas-format-bar__btn:disabled{opacity:.35;cursor:default}.canvas-format-bar__btn:disabled:hover{color:var(--color-text-secondary);background:0 0}.canvas-format-bar__colors{align-items:center;gap:6px;padding:0 5px;display:flex}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--default{background:var(--color-bg-sticker)}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--stone{background:var(--color-bg-sticker-stone)}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--sand{background:var(--color-bg-sticker-sand)}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--moss{background:var(--color-bg-sticker-moss)}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--ocean{background:var(--color-bg-sticker-ocean)}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--plum{background:var(--color-bg-sticker-plum)}.canvas-format-bar__colors--sticker .canvas-context-menu__color-swatch--rust{background:var(--color-bg-sticker-rust)}.canvas-format-bar__anchor{position:relative}.canvas-format-bar__popover{background:var(--color-bg-panel);border:1px solid var(--color-border-card);width:220px;box-shadow:var(--shadow-panel);z-index:1;border-radius:8px;padding:10px;position:absolute;bottom:calc(100% + 10px);right:0}.canvas-format-bar__hint{color:var(--color-text-muted);margin-top:6px;font-size:.6875rem;display:block}.canvas-marquee{border:1px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 15%, transparent);pointer-events:none;position:absolute}.canvas-context-menu{z-index:50;background:var(--color-bg-panel);border:1px solid var(--color-border-card);min-width:180px;box-shadow:var(--shadow-panel);border-radius:8px;flex-direction:column;gap:1px;padding:4px;display:flex;position:fixed}.canvas-context-menu__item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:.8125rem;display:flex}.canvas-context-menu__item:hover{background:var(--color-bg-hover)}.canvas-context-menu__item--danger{color:var(--color-progress-low)}.canvas-context-menu__shortcut{color:var(--color-text-muted);font-size:.6875rem}.canvas-context-menu__divider{background:var(--color-border);height:1px;margin:4px 2px}.canvas-context-menu__colors{align-items:center;gap:7px;padding:5px 9px 6px;display:flex}.canvas-context-menu__color-swatch{border:1px solid var(--color-border-card);cursor:pointer;border-radius:50%;flex-shrink:0;width:16px;height:16px;padding:0}.canvas-context-menu__color-swatch--default{background:var(--color-bg-note-sticky)}.canvas-context-menu__color-swatch--stone{background:var(--color-bg-note-stone)}.canvas-context-menu__color-swatch--sand{background:var(--color-bg-note-sand)}.canvas-context-menu__color-swatch--moss{background:var(--color-bg-note-moss)}.canvas-context-menu__color-swatch--ocean{background:var(--color-bg-note-ocean)}.canvas-context-menu__color-swatch--plum{background:var(--color-bg-note-plum)}.canvas-context-menu__color-swatch--rust{background:var(--color-bg-note-rust)}.canvas-context-menu__color-swatch--active{outline:2px solid var(--color-accent);outline-offset:2px}.board-picker__list{flex-direction:column;gap:2px;max-height:260px;margin-top:10px;display:flex;overflow-y:auto}.board-picker__row{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 8px;font-size:.8125rem;display:block}.board-picker__row:hover{background:var(--color-bg-hover)}.board-picker__row-icon{vertical-align:-2px;display:inline-flex}.board-picker__empty{color:var(--color-text-muted);padding:6px 4px;font-size:.8125rem}.canvas-bottom-right{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:5;align-items:center;gap:10px;display:flex;position:absolute}.canvas-sync-status{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;cursor:default;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:.75rem;display:flex}.canvas-sync-status__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.canvas-sync-status__dot--live{background:var(--color-progress-high)}.canvas-sync-status__dot--connecting{background:var(--color-accent);animation:canvas-sync-status-pulse 1.4s var(--ease-pulse) infinite}.canvas-sync-status__dot--offline{background:var(--color-text-muted)}.canvas-sync-status__dot--auth-failed{background:var(--color-progress-low)}@keyframes canvas-sync-status-pulse{0%,to{opacity:1}50%{opacity:.35}}.canvas-sync-status__readonly-badge{background:var(--color-bg-hover);border:1px solid var(--color-border-card);color:var(--color-text-secondary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:.6875rem}.canvas-zoom-bar{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:12px;align-items:center;gap:2px;padding:6px;display:flex}.canvas-zoom-bar .icon-button{width:32px;height:32px}.canvas-zoom-bar__percent{min-width:3rem;height:32px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 6px;font-size:.75rem}.canvas-zoom-bar__percent:hover{background:var(--color-bg-hover);color:var(--color-text)}.canvas-zoom-bar__divider{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.board-view-menu{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:12px;align-items:center;padding:6px;display:flex;position:relative}.board-view-menu .icon-button{width:32px;height:32px}.board-view-menu__popover{background:var(--color-bg-panel);border:1px solid var(--color-border);min-width:208px;box-shadow:var(--shadow-panel);z-index:10;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.board-view-menu__row{flex-direction:column;gap:6px;display:flex}.board-view-menu__label{color:var(--color-text-secondary);font-size:.72rem}.board-view-menu__options{gap:6px;display:flex}.board-view-menu__option{border:1px solid var(--color-border-card);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:6px 8px;font-size:.78rem}.board-view-menu__option:hover{background:var(--color-bg-hover);color:var(--color-text)}.board-view-menu__option--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-panel)}@media (width<=640px){.canvas-sync-status{display:none}.canvas-bottom-right{bottom:10px;right:10px}.canvas-zoom-bar{gap:2px;padding:4px}.canvas-zoom-bar__step,.canvas-zoom-bar__divider{display:none}.canvas-zoom-bar .icon-button{width:40px;height:40px}.canvas-zoom-bar__percent{height:40px;padding:0 8px}.canvas-toolbar{gap:4px;max-height:calc(100% - 120px);padding:6px;left:8px;overflow-y:auto}.canvas-toolbar__tools,.canvas-toolbar__history{gap:2px}.canvas-toolbar__btn{width:34px;height:34px}.canvas-toolbar__btn svg{width:16px;height:16px}.canvas-toolbar__popover{width:190px}.canvas-link-sheet__scrim{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.canvas-link-sheet{width:100%;max-width:calc(100% - 24px);margin:0 12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-bg-panel);border:1px solid var(--color-border-card);box-shadow:var(--shadow-panel);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.canvas-link-sheet__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-link-sheet__title{color:var(--color-text);font-size:.875rem;font-weight:600}.canvas-link-sheet__submit{width:100%}}@font-face{font-family:Heavitas;src:url(/fonts/Heavitas.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-body:"Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;--font-display:"Heavitas", "Helvetica Neue", Helvetica, sans-serif;--motion-fast:.12s;--motion-base:.18s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-pulse:cubic-bezier(.45, 0, .55, 1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-canvas:#0f0f0f;--color-bg-panel:#151515;--color-bg-panel-alt:#171717;--color-bg-card:#1d1d1d;--color-bg-hover:#262626;--color-bg-note-sticky:#26251e;--color-bg-note-stone:#242422;--color-text-note-stone:#c9c7c2;--color-bg-note-sand:#2b2318;--color-text-note-sand:#d6c39c;--color-bg-note-moss:#1e2419;--color-text-note-moss:#b9c9a1;--color-bg-note-ocean:#17232a;--color-text-note-ocean:#a8c4d6;--color-bg-note-plum:#241c26;--color-text-note-plum:#cbb3d1;--color-bg-note-rust:#2a1c16;--color-text-note-rust:#d6ab8f;--color-bg-sticker:#f0e388;--color-bg-sticker-stone:#e9e6dc;--color-bg-sticker-sand:#f4d58d;--color-bg-sticker-moss:#cfe3a0;--color-bg-sticker-ocean:#aedbe4;--color-bg-sticker-plum:#e0c8e4;--color-bg-sticker-rust:#f0b89c;--color-text-sticker:#33301f;--color-border:#242424;--color-border-card:#2a2a2a;--color-border-dashed:#3a3a3a;--color-text:#e6e6e6;--color-text-secondary:#b8b8b8;--color-text-muted:#5e5e5e;--color-text-sticky:#c9c4a6;--color-accent:#6d9a7b;--color-progress-low:#c96a3f;--color-progress-mid:#c9a23f;--color-progress-high:#5da06a;--color-dot-grid:#1c1c1c;--shadow-card:0 4px 14px #0006;--shadow-panel:0 6px 20px #00000080}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-canvas:#f4f2ee;--color-bg-panel:#fff;--color-bg-panel-alt:#fff;--color-bg-card:#fff;--color-bg-hover:#ece9e2;--color-bg-note-sticky:#fbf3d9;--color-bg-note-stone:#efeeea;--color-text-note-stone:#5c5c56;--color-bg-note-sand:#f5ecd8;--color-text-note-sand:#78582a;--color-bg-note-moss:#eaf0e0;--color-text-note-moss:#52693b;--color-bg-note-ocean:#e2edf2;--color-text-note-ocean:#375a6e;--color-bg-note-plum:#f0e4f0;--color-text-note-plum:#6e4472;--color-bg-note-rust:#f5e3d8;--color-text-note-rust:#8a4b2a;--color-border:#e4e0d8;--color-border-card:#dcd7cc;--color-border-dashed:#c9c2b2;--color-text:#232327;--color-text-secondary:#6b6b72;--color-text-muted:#9a9aa0;--color-text-sticky:#7a6a2f;--color-accent:#4a7659;--color-progress-low:#c96a3f;--color-progress-mid:#c9a23f;--color-progress-high:#5da06a;--color-dot-grid:#e2ded4;--shadow-card:0 4px 14px #00000014;--shadow-panel:0 6px 20px #0000001f}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg-canvas);color:var(--color-text);margin:0}.canvas-root[data-canvas-bg=dark]{--color-bg-canvas:#0f0f0f;--color-dot-grid:#1c1c1c}.canvas-root[data-canvas-bg=gray]{--color-bg-canvas:#2e2e2e;--color-dot-grid:#3b3b3b}.canvas-root[data-canvas-bg=lightgray]{--color-bg-canvas:#dedddb;--color-dot-grid:#cdccc9}.canvas-root[data-canvas-bg=light]{--color-bg-canvas:#f4f2ee;--color-dot-grid:#e2ded4}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em}.brand-logo{vertical-align:middle;display:inline-block}:root[data-theme=light] .brand-logo{filter:invert(.75)}button,input{font-family:inherit}a{color:inherit}::selection{background:color-mix(in srgb, var(--color-accent) 32%, transparent);color:var(--color-text)}