.stack-app{min-height:100dvh}.sidebar{z-index:10;width:166px;max-height:calc(100dvh - 56px);position:fixed;top:28px;left:28px;overflow-y:auto}.brand{background:0 0;border:0;padding:0;font-size:17px;font-weight:400;line-height:24px;display:block}.sidebar nav{border-left:1px solid var(--line-subtle);margin-top:72px}.nav-item{text-align:left;width:100%;min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 18px 10px 20px;font-size:14px;line-height:24px;display:flex;position:relative}.nav-item:before{content:"";background:0 0;width:1px;transition:background .13s;position:absolute;top:0;bottom:0;left:-1px}.nav-item.selected{color:var(--ink-strong)}.nav-item.selected:before{background:var(--accent)}.nav-item:hover{color:var(--ink-strong)}.nav-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.nav-item.selected .nav-count{color:var(--muted)}.sort-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;min-height:30px;padding:4px 0;font-size:12px;display:flex}.sort-button:hover{color:var(--ink-strong)}.rotate{transform:rotate(180deg)}.sidebar-account{flex-direction:column;align-items:flex-start;gap:12px;margin-top:48px;display:flex}.profile{max-width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-height:30px;padding:4px 0;font-size:13px;display:flex}.profile>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile:hover,.help-control:hover{color:var(--ink-strong)}.account-dot{background:var(--muted);width:5px;height:5px}.account-dot.signed-in{background:var(--ink)}.help-control{min-height:30px;color:var(--muted);background:0 0;border:0;padding:4px 0 4px 13px;font-size:12px}.sidebar-status{color:var(--muted);align-items:center;gap:7px;padding:15px 0 0;font-size:12px;line-height:1.5;display:flex}.sidebar-status span{text-overflow:ellipsis;overflow:hidden}.sidebar-status button{color:var(--ink);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.main{min-height:100dvh;padding:86px 4vw 50px 260px}.main:focus-visible{outline:1px dashed var(--focus);outline-offset:-10px}.canvas-sort{z-index:10;position:fixed;top:26px;left:260px}.card-grid{columns:3;column-gap:26px;max-width:1420px;margin:0 auto}.item-card{break-inside:avoid;border:1px solid var(--line);background:var(--paper);margin-bottom:26px;animation:.16s enter;overflow:hidden}.card-footer{border-top:1px solid var(--line-subtle);flex-wrap:wrap;align-items:center;gap:9px;padding:11px 14px;display:flex}.card-kind{font-family:var(--font-mono);color:var(--muted);font-size:11px}:root{--tint-red:#e5484d;--tint-orange:#f5820d;--tint-yellow:#e2c012;--tint-green:#30a46c;--tint-blue:#2f8fff;--tint-purple:#9a6ddb}.item-card.tint-red{border-top:3px solid var(--tint-red)}.item-card.tint-orange{border-top:3px solid var(--tint-orange)}.item-card.tint-yellow{border-top:3px solid var(--tint-yellow)}.item-card.tint-green{border-top:3px solid var(--tint-green)}.item-card.tint-blue{border-top:3px solid var(--tint-blue)}.item-card.tint-purple{border-top:3px solid var(--tint-purple)}.card-color{align-items:center;display:inline-flex;position:relative}.color-dot{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.color-dot.color-red{background:var(--tint-red);border-color:#0000}.color-dot.color-orange{background:var(--tint-orange);border-color:#0000}.color-dot.color-yellow{background:var(--tint-yellow);border-color:#0000}.color-dot.color-green{background:var(--tint-green);border-color:#0000}.color-dot.color-blue{background:var(--tint-blue);border-color:#0000}.color-dot.color-purple{background:var(--tint-purple);border-color:#0000}.card-footer>.card-color>.color-dot.color-none{opacity:0;transition:opacity .12s}.item-card:hover .color-dot.color-none,.canvas-card:focus-within .color-dot.color-none{opacity:1}.card-color:has(.color-row) .color-dot.color-none{opacity:1}.color-row{z-index:20;border:1px solid var(--line-strong);background:var(--surface-raised);gap:8px;padding:8px;animation:.1s enter;display:flex;position:absolute;bottom:calc(100% + 8px);left:-6px}.color-row .color-dot{width:16px;height:16px}.color-row .color-dot.current{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3px var(--ink)}@media (hover:none){.card-footer>.card-color>.color-dot.color-none{opacity:1}}.card-date{color:var(--muted);font-size:12px}.card-actions{opacity:0;align-items:center;gap:10px;margin-left:auto;transition:opacity .12s;display:flex}.item-card:hover .card-actions,.canvas-card:focus-within .card-actions,.canvas-card:focus .card-actions{opacity:1}@media (hover:none){.card-actions{opacity:1}}.card-action{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}.card-action:hover,.delete-button:hover{color:var(--ink-strong)}.image-preview{background:var(--field);border:0;width:100%;padding:0;display:block}.image-preview img{width:100%;height:auto;display:block}.text-preview{padding:22px}.note{color:var(--ink-soft);overflow-wrap:anywhere;-webkit-line-clamp:15;-webkit-box-orient:vertical;font-size:16px;line-height:1.65;display:-webkit-box;overflow:hidden}.note p,.note ul,.note ol{white-space:pre-wrap;margin:0}.note ul,.note ol{padding-left:22px}.note li{padding-left:2px}.note>*+*{margin-top:10px}.note h2,.note h3,.note h4{color:var(--ink);margin:0;font-size:18px;font-weight:500;line-height:1.4}.note h4{font-size:16px}.note strong{color:var(--ink);font-weight:600}.note code{font-family:var(--font-mono);background:var(--field);border:1px solid var(--line-subtle);padding:1px 5px;font-size:14px}.note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.note a:hover{color:var(--ink-strong)}.link-preview{padding:25px 22px}.content-link{overflow-wrap:anywhere;color:var(--ink);font-size:17px;line-height:1.6}.content-link:hover{color:var(--ink-strong)}.link-preview p{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;margin:14px 0 0;font-size:12px;line-height:1.6}.file-preview{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 22px;display:flex}.file-extension{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--muted);padding:4px 6px;font-size:11px}.file-size{color:var(--muted);font-size:12px}.drop-overlay{z-index:100;pointer-events:none;position:fixed;inset:12px}.drop-frame{border:1px dashed var(--line-strong);justify-content:center;align-items:flex-end;height:100%;padding:28px;display:flex}.drop-label{border:1px solid var(--line-strong);background:var(--surface-raised);align-items:center;gap:9px;padding:11px 17px;font-size:14px;display:flex}.toast{z-index:150;background:var(--surface-raised);color:var(--ink);border:1px solid var(--line-strong);align-items:center;gap:11px;max-width:min(620px,100vw - 30px);padding:13px 16px;font-size:13px;line-height:1.5;animation:.16s enter;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.toast-error{border-color:var(--line-strong)}.toast>button{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.toast>button.toast-close{place-items:center;text-decoration:none;display:grid}.hidden-input{display:none}.skip-link{background:var(--ink);color:var(--canvas);z-index:300;padding:10px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:10px}.eyebrow{font-size:12px;font-weight:400}.icon-button{min-width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);color:var(--ink-strong)}.button{border:1px solid;border-color:var(--button-edge-light) var(--button-edge-dark) var(--button-edge-dark) var(--button-edge-light);background:var(--button);min-height:42px;color:var(--ink-strong);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--button-hover)}.button:active:not(:disabled){border-color:var(--button-edge-dark) var(--button-edge-light) var(--button-edge-light) var(--button-edge-dark)}.button-light{background:var(--surface-raised)}.dialog{border:1px solid var(--line-strong);background:var(--paper);width:480px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);color:var(--ink);padding:28px;overflow:auto}.dialog::backdrop{background:var(--backdrop)}.dialog[open]{animation:.14s enter}.dialog-wide{width:760px}.dialog-head{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.dialog h2{margin:0 0 15px;font-size:24px;font-weight:400;line-height:1.3}.dialog-description{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.6}.canvas-menu{z-index:80;border:1px solid var(--line-strong);background:var(--surface-raised);width:190px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:5px;animation:.1s enter;position:fixed;overflow-y:auto}.canvas-menu button{text-align:left;width:100%;min-height:40px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 13px;font-size:14px;display:flex}.canvas-menu button:hover,.canvas-menu button:focus-visible{background:var(--surface-hover);color:var(--ink-strong);outline:none}.canvas-menu .menu-divider{border-top:1px solid var(--line);margin:4px 0}.canvas-menu kbd{font:11px var(--font-mono);color:var(--muted)}.canvas-menu [aria-checked=true]:after{content:"✓";color:var(--muted);font-size:12px}.link-input{border:1px solid var(--line-strong);background:var(--field);width:100%;height:44px;color:var(--ink-strong);padding:11px 12px;font-size:16px;display:block}.link-input::placeholder{color:var(--muted)}.dialog textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--field);width:100%;min-height:160px;max-height:50vh;color:var(--ink);padding:14px;font-size:16px;line-height:1.6;display:block}.dialog textarea::placeholder{color:var(--muted)}.composer-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.form-footnote{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.6}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form label{color:var(--ink-soft);flex-direction:column;gap:8px;font-size:14px;display:flex}.auth-form input{border:1px solid var(--line-strong);background:var(--field);width:100%;height:44px;color:var(--ink-strong);padding:11px 12px;font-size:16px}.auth-form input::placeholder{color:var(--muted)}.full-width{width:100%}.auth-form .button{margin-top:5px}.form-error{color:var(--ink-strong);margin:0;font-size:14px;line-height:1.6}.auth-switch{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:13px;display:flex}.auth-switch button{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;text-decoration:underline;display:flex}.account-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:15px;margin:25px 0;padding:18px 0;display:flex}.account-detail p{margin:0;font-size:15px;line-height:1.7}.help-list{flex-direction:column;gap:24px;margin-top:28px;display:flex}.help-list>div{gap:17px;display:flex}.help-list svg{color:var(--muted);margin-top:2px}.help-list h3{margin:0 0 7px;font-size:16px;font-weight:400}.help-list p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.bookmarklet{border:1px solid var(--line-strong);color:var(--ink);cursor:grab;padding:2px 9px;text-decoration:none;display:inline-block}.full-image{justify-content:center;align-items:center;min-height:160px;display:flex}.full-image img{object-fit:contain;max-width:100%;max-height:65vh;display:block}.full-note{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;color:var(--ink);padding:15px 5px 30px;font-size:17px;line-height:1.8;overflow:auto}.full-link{overflow-wrap:anywhere;padding:30px 10px 40px}.full-link>svg{color:var(--muted);margin-bottom:23px}.full-link p{color:var(--muted);font-size:15px;line-height:1.7}.full-link .button{margin-top:15px}.preview-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:20px;display:flex}.preview-footer>div:first-child{flex-direction:column;gap:6px;min-width:0;display:flex}.preview-footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.preview-footer span{color:var(--muted);font-size:12px}.preview-actions{align-items:center;gap:10px;display:flex}.media-preview{width:100%;max-height:65vh}.audio-preview{padding:35px 0}.audio-preview h2{margin:20px 0;font-size:20px}.audio-preview audio{width:100%}.pdf-preview{border:1px solid var(--line);width:100%;height:60vh}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes card-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.canvas-hint{text-align:center;color:var(--muted);margin:26vh 0 0;font-size:14px;animation:.4s enter}@media (min-width:1800px){.card-grid{columns:4}}@media (max-width:1200px){.card-grid{columns:2}}@media (max-width:850px){.sidebar{width:140px;top:24px;left:24px}.nav-item{padding-left:15px;padding-right:12px}.main{padding:80px 24px 40px 200px}.canvas-sort{top:22px;left:200px}.card-grid{columns:1;max-width:520px}}@media (max-width:500px){.sidebar{width:104px;max-height:calc(100dvh - 44px);top:22px;left:16px}.brand{font-size:16px}.sidebar nav{margin-top:48px}.nav-item{padding-left:10px;padding-right:3px;font-size:13px}.nav-count{font-size:11px}.sort-button{gap:4px;font-size:11px}.sidebar-account{margin-top:30px}.main{padding:76px 16px 30px 140px}.canvas-sort{top:20px;left:140px}.card-grid{max-width:none}.card-footer{gap:8px;padding:10px 12px}.card-actions{gap:13px;width:100%;margin:0}.text-preview,.link-preview,.file-preview{padding:17px 15px}.note{font-size:15px}.content-link{font-size:16px}.dialog{padding:20px}.dialog h2{font-size:22px}.dialog .button{padding:10px 12px;font-size:13px}.composer-actions{flex-wrap:wrap;gap:8px}.preview-footer{flex-wrap:wrap;align-items:flex-start}.preview-actions{gap:7px}.toast{width:max-content;max-width:calc(100vw - 24px);bottom:16px}}.sort-select{background:var(--canvas);color:var(--muted);cursor:pointer;border:0;min-height:30px;padding:5px 20px 5px 0;font-size:12px}.sort-select:focus-visible{outline:1px solid var(--focus);outline-offset:3px}.sort-select option{background:var(--paper);color:var(--ink)}.canvas-scale{position:relative;overflow:visible}.movable-canvas{transform-origin:0 0;width:100%;position:absolute;top:0;left:0}.canvas-card{display:flow-root}.canvas-card .item-card{margin-bottom:0;animation:none}.card-enter>.item-card{animation:.24s cubic-bezier(.2,.8,.2,1) card-enter}.snap-guide{pointer-events:none;background:var(--accent);opacity:.55;z-index:5;display:none;position:absolute}.canvas-card.selected>.item-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.marquee{pointer-events:none;z-index:6;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);display:none;position:absolute}.snap-guide-x{width:1px;top:0;bottom:0}.snap-guide-y{height:1px;left:0;right:0}.move-handle{width:28px;min-height:28px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:3px;display:inline-flex}.move-handle:hover,.move-handle:focus-visible{color:var(--ink)}.move-handle[aria-disabled=true]{cursor:wait}.moving-card{z-index:20}.moving-card .item-card{border-color:var(--line-strong)}.is-moving{-webkit-user-select:none;user-select:none}.is-moving .move-handle{cursor:grabbing}@media (prefers-reduced-motion:no-preference){.canvas-card{transition:left .13s,top .13s}.is-moving .canvas-card{transition:none}}.canvas-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--canvas);width:100%;overflow-x:auto}.item-editor>label{color:var(--ink-soft);margin-bottom:12px;font-size:14px;display:block}.item-editor .form-error{margin-top:16px}.editor-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (pointer:coarse){.move-handle{min-width:44px;min-height:44px}}