:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif;font-size:13px;font-weight:400;font-synthesis:none;color-scheme:dark;color:#e5e5e5;background:#111213;--muted: #929396;--line: #ffffff14}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;color:inherit;background:none;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,opacity .15s}button:disabled{opacity:.3;cursor:default}button svg{flex-shrink:0;stroke-width:1.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:1px solid #d5d5d5;outline-offset:4px}input,textarea{width:100%;color:#ededed;background:#ffffff04;border:1px solid var(--line);border-radius:9px;padding:10px 11px;line-height:1.5;outline:none}input:focus,textarea:focus{border-color:#ffffff36}input::placeholder,textarea::placeholder{color:#7f8083}textarea{resize:vertical;min-height:120px;max-height:50dvh}label{display:block;font-size:12px;margin:14px 0}label input,label textarea{display:block;margin-top:7px}h1,h2,p{margin-top:0}::selection{background:#ffffff30}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.muted{color:var(--muted)}.full{width:100%}.glass{background:linear-gradient(145deg,#ffffff12,#ffffff02 48%,#ffffff08),#25262870;border:1px solid #ffffff26;border-top-color:#ffffff48;border-bottom-color:#ffffff18;box-shadow:inset 0 1px #ffffff18,inset 0 -1px #00000035,0 6px 24px #00000025;-webkit-backdrop-filter:blur(22px) saturate(0%);backdrop-filter:blur(22px) saturate(0%)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;flex-shrink:0;color:#aeb0b3;border-radius:50%}.icon-button:hover{color:#fff;background:#ffffff0b}.icon-button[aria-pressed=true]{background:#ffffff17;color:#fff}.primary,.secondary,.danger-button{min-height:34px;padding:8px 13px;border-radius:9px;font-size:12px}.primary{color:#18191a;background:#dedede;border-color:#fff}.primary:hover{background:#fff}.secondary{background:#ffffff06;border-color:#ffffff14;color:#bcbdbf}.secondary:hover{background:#ffffff0e}.danger-button{background:#dedede;color:#171819;border-color:#fff}.danger-button:hover{background:#fff}.text-button{font-size:11px;color:#ccc;padding:7px 0}.text-button:hover{color:#fff}.brand{font-size:19px;font-weight:400;letter-spacing:-.7px;color:#dedede;line-height:1}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100svh;display:grid;place-items:center;padding:20px}.login-form{width:280px;max-width:100%;margin-top:-5vh;text-align:center}.login-form>.brand{display:inline-block;margin-bottom:24px}.login-field{display:flex;align-items:center;gap:4px;padding:5px 6px 5px 4px;border-radius:17px;text-align:left}.login-field input{background:none;border:0;min-width:0;border-radius:10px;padding:9px 12px;font-size:13px}.login-field:focus-within{border-color:#ffffff45}.login-field .icon-button{color:#d0d0d0}.login-email{margin:0 0 11px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.login-secondary{display:flex;justify-content:space-between;margin-top:9px}.cooldown{font-size:10px;font-variant-numeric:tabular-nums}.otp-input{letter-spacing:2px}.otp-input::placeholder{letter-spacing:0}.form-error{font-size:11px;color:#d0d0d0;line-height:1.6;margin:12px 0 0}.center-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.center-screen h1{font-size:16px;font-weight:400;margin-bottom:0}.center-screen p{font-size:12px;line-height:1.7;max-width:320px;color:var(--muted)}.center-screen>.brand{margin-bottom:8px}.center-screen>a{font-size:11px;color:var(--muted)}.board-app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:#111213}.board-header{position:absolute;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;z-index:10;height:42px;pointer-events:none}.board-header>*{pointer-events:auto}.brand-chip{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:30px;transition:opacity .15s}.brand-chip .brand{font-size:15px;letter-spacing:-.5px}.account-corner{position:absolute;top:0;right:0;display:flex;align-items:center;gap:11px}.public-home{width:42px;height:42px}.reveal-controls{position:relative;height:42px;width:42px;border-radius:30px;overflow:hidden;transition:width .22s cubic-bezier(.2,.8,.2,1),border-color .16s}.reveal-controls[data-open=true]{border-top-color:#ffffff59}.reveal-trigger{position:absolute;right:3px;top:3px;height:34px;width:34px;z-index:2;color:#c6c7c9}.reveal-trigger[aria-disabled=true]{color:#77797c}.reveal-controls:has(:focus-visible){outline:1px solid #bfc0c2;outline-offset:3px}.reveal-controls button:focus-visible{outline-offset:-3px}.reveal-content{position:absolute;top:3px;left:3px;right:42px;height:34px;display:flex;align-items:center;visibility:hidden;opacity:0;transform:translate(5px);transition:opacity .13s,transform .18s}.reveal-controls[data-open=true]>.reveal-content{visibility:visible;opacity:1;transform:none}.account-controls[data-open=true]{width:280px}.account-controls .reveal-content{width:233px;gap:3px}.user-control{height:34px;padding:3px 9px 3px 5px;border-radius:24px;min-width:0;flex:1;gap:8px;justify-content:flex-start}.user-control:hover{background:#ffffff09}.user-avatar{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:#ffffff12;color:#cacbcd;font-size:10px}.user-email{min-width:0;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b6b8bb}.save-indicator{display:flex;align-items:center;color:#96989a}.status-dot{width:4px;height:4px;background:currentColor;border-radius:50%}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overflow:hidden;cursor:default}.canvas:active{cursor:grab}.board-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.board-item{position:absolute;border-radius:8px;background:#202123;color:#d9d9d9;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.board-item:active{cursor:grabbing}.board-item:focus-visible{outline:1px solid #ffffff70;outline-offset:4px}.note-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;padding:16px;margin:0;max-height:440px;overflow:auto;scrollbar-width:thin}.board-item.link{background:#1b1c1e}.link-content{padding:16px}.link-content h2{font-size:13px;font-weight:400;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}.link-content a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#909195;font-size:11px;overflow-wrap:anywhere}.link-content a:hover{color:#fff}.link-content a svg{flex-shrink:0}.board-item.image{background:transparent}.board-item img{display:block;width:100%;min-height:50px;max-height:420px;object-fit:contain;border-radius:7px;color:#969696;font-size:11px}.item-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;padding:4px;color:#eee;background-color:#22252ab3;visibility:hidden;opacity:0;z-index:2}.item-remove:hover{background-color:#44474cc9}.board-item:focus-visible .item-remove,.board-item:focus-within .item-remove{visibility:visible;opacity:1}@media(hover:hover){.board-item:hover .item-remove{visibility:visible;opacity:1}}@media(hover:none){.board-item.selected .item-remove{visibility:visible;opacity:1;width:32px;height:32px}}.upload-control{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;text-align:center}.upload-control.is-empty{top:50%;bottom:auto;transform:translate(-50%,-50%)}.add-controls{height:50px;width:50px}.add-controls[data-open=true]{width:146px}.add-controls>.reveal-trigger{left:50%;right:auto;top:5px;transform:translate(-50%);width:38px;height:38px}.add-controls .reveal-content{top:5px;right:5px;bottom:5px;left:5px;width:134px;height:38px;justify-content:space-between;pointer-events:none}.add-controls .reveal-content>button{width:38px;height:38px;pointer-events:auto}.add-controls .reveal-trigger>svg{position:absolute;transition:opacity .15s,transform .18s}.add-controls .upload-icon{opacity:0;transform:translateY(4px)}.add-controls[data-open=true] .upload-icon{opacity:1;transform:none}.add-controls[data-open=true] .add-icon{opacity:0;transform:rotate(90deg) scale(.8)}.view-controls{position:absolute;right:14px;bottom:max(22px,env(safe-area-inset-bottom));z-index:6}.view-controls[data-open=true]{width:154px}.view-controls .reveal-content{width:109px;gap:0}.view-controls .reveal-content .icon-button{width:34px;height:34px}.zoom-value{width:41px;min-height:34px;padding:2px;flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums;color:#b9babc;border-radius:20px}.zoom-value:hover{background:#ffffff08}.upload-count{position:absolute;left:50%;top:-23px;transform:translate(-50%);font-size:10px;white-space:nowrap;color:#96989a;font-variant-numeric:tabular-nums}.empty-readonly{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#777;font-size:12px}.file-drop-overlay{position:fixed;top:8px;right:8px;bottom:8px;left:8px;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px solid #ffffff40;border-radius:14px;background:#141516d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#ccc;pointer-events:none}.file-drop-overlay span{font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:14px;background:#05060870;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:340px;max-width:100%;max-height:calc(100dvh - 28px);padding:18px;border-radius:18px;background-color:#242527f0;overflow:auto;overscroll-behavior:contain}.modal.wide{width:500px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px -5px 12px 0}.modal-head h2{font-size:14px;line-height:1.4;font-weight:500;margin:0}.modal-head .icon-button{width:28px;height:28px}.modal-copy,.small-copy{font-size:11px;color:#a1a2a4;line-height:1.7}.small-copy{margin:12px 0 0}.small-copy:empty{display:none}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:16px;flex-wrap:wrap}.modal-actions .primary{min-width:37px}.modal label:has(.sr-only){margin:11px 0}.modal label:has(.sr-only) input,.modal label:has(.sr-only) textarea{margin:0}.privacy-option{width:100%;padding:10px 0;display:flex;align-items:center;gap:12px;text-align:left}.privacy-icon{display:flex;color:#aeb0b3}.privacy-option>span:nth-child(2){flex:1}.privacy-option strong{font-size:12px;font-weight:400;display:block}.privacy-option small{display:block;color:#939497;font-size:10px;margin-top:4px}.switch{position:relative;width:31px;height:18px;border-radius:15px;flex-shrink:0;background:#ffffff14;border:1px solid #ffffff1c}.switch:after{content:"";position:absolute;top:3px;left:3px;height:10px;width:10px;border-radius:50%;background:#8e8f93;transition:transform .15s}.switch.on{background:#ffffffb5;border-color:#fff6}.switch.on:after{background:#292a2d;transform:translate(13px)}.share-url{display:flex;gap:7px;margin-top:12px}.share-url input{min-width:0;font-size:10px}.share-url .primary{font-size:10px;padding-inline:9px}.account-info{font-size:12px;margin:0 0 17px;overflow-wrap:anywhere}.account-info strong{font-weight:400}.settings-storage{margin-bottom:15px}.storage-label{display:flex;align-items:center;gap:7px;color:#aeb0b3;font-size:11px;font-variant-numeric:tabular-nums}.storage-track{height:2px;border-radius:2px;background:#ffffff14;margin-top:9px;overflow:hidden}.storage-track>span{display:block;height:100%;background:#c8c9cb;border-radius:inherit;transition:width .2s}.storage-unavailable{font-size:10px;color:#929397;display:block;margin-top:7px}.settings-limit{display:flex;justify-content:space-between;font-size:11px;color:#9fa0a3}.settings-limit strong{font-weight:400;font-variant-numeric:tabular-nums}.settings-row{display:flex;justify-content:flex-start;width:100%;padding:13px 0;font-size:11px;border-top:1px solid #ffffff0c;margin-top:15px;color:#b3b4b7}.settings-row+.settings-row{margin-top:0}.settings-row:hover{color:#fff}.danger-text{color:#929396}.delete-warning{display:flex;gap:10px;align-items:flex-start;color:#bfc0c2}.delete-warning svg{flex-shrink:0}.delete-warning p{margin:0;font-size:11px;line-height:1.7}.notice,.save-banner{position:fixed;top:55px;left:50%;transform:translate(-50%);z-index:60;width:max-content;max-width:min(600px,calc(100% - 28px));border:1px solid #ffffff26;border-radius:12px;background:#282a2df5;box-shadow:0 8px 24px #0004;padding:11px 13px;display:flex;align-items:center;gap:14px;color:#cdced0;font-size:11px;line-height:1.6}.notice-content{max-height:35dvh;overflow:auto;overflow-wrap:anywhere}.notice-content ul{padding-left:15px;margin-bottom:0}.notice .icon-button{width:27px;height:27px}.save-banner{flex-wrap:wrap}.save-banner>div{flex:1 1 200px}.save-banner strong{font-size:12px;font-weight:500}.save-banner p{margin:5px 0 0;color:#a9aaad}.save-banner button{font-size:11px}@media(max-width:600px){input,textarea,.login-field input{font-size:16px}.login-field{border-radius:18px}.upload-control{bottom:max(16px,env(safe-area-inset-bottom))}.board-header:has(.account-controls[data-open=true]) .brand-chip{opacity:0;pointer-events:none}.account-controls[data-open=true]{width:min(280px,calc(100vw - 28px))}.modal{padding:16px}.share-url{flex-wrap:wrap}.share-url input{flex-basis:100%;font-size:12px}.share-url .primary{width:100%}}@media(max-width:480px){.upload-control:not(.is-empty){left:88px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:linear-gradient(145deg,#353639,#232427)}}@media(prefers-reduced-transparency:reduce){.glass{background:#2b2c2f;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-backdrop{background:#111213ed;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted: #ccc;--line: #ffffff60}.glass{background:#292a2b;border-color:#aaa}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.board-app{--semantic-anchor: clamp(78px, 15svh, 140px)}.semantic-trigger{position:absolute;top:max(66px,calc(env(safe-area-inset-top) + 54px));right:14px;z-index:11;width:42px;height:42px;border-radius:30px}.semantic-trigger:hover{border-color:#ffffff48}.semantic-search{position:absolute;z-index:12;left:50%;top:45%;width:min(540px,calc(100% - 28px));transform:translate(-50%,-50%);text-align:center;transition:top .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1),opacity .17s}.semantic-search.has-results{top:var(--semantic-anchor);transform:translate(-50%)}.semantic-search.is-closing{opacity:0;pointer-events:none}.semantic-search-bar{display:flex;align-items:center;gap:10px;padding:5px 7px 5px 16px;border-radius:30px;color:#aeb0b3}.semantic-search-bar:focus-within{border-top-color:#ffffff65}.semantic-search-bar>svg{flex-shrink:0;width:18px;stroke-width:1.5}.semantic-search-bar input{flex:1;min-width:0;width:auto;border:0;outline:none;background:transparent;padding:9px 0;font-size:13px;box-shadow:none}.semantic-search-bar button{width:34px;height:34px;padding:0;border-radius:50%;color:#18191a;background:#dedede;flex-shrink:0}.semantic-search-bar button:hover{background:#fff}.semantic-search-bar .semantic-close{background:transparent;color:#aeb0b3}.semantic-search-bar .semantic-close:hover{background:#ffffff0b;color:#fff}.semantic-search-status{font-size:11px;color:var(--muted);margin:12px 8px 0;line-height:1.6}.semantic-search-status:empty{display:none}.semantic-search-status.has-error{color:#dedede;background:#242527f0;border-radius:9px;padding:10px}.semantic-search-active .upload-control,.semantic-search-active .view-controls,.semantic-search-active .empty-readonly{visibility:hidden}.semantic-search-active .canvas,.semantic-search-active .board-item{cursor:default}.semantic-search-active .board-item{touch-action:pan-y}.semantic-search-active .canvas.semantic-results{top:calc(var(--semantic-anchor) + 88px);bottom:78px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;scroll-behavior:auto}.canvas.semantic-results:focus-visible{outline-offset:-5px}.canvas.semantic-results .board-world{position:relative;transform:none!important;will-change:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;width:min(1120px,100%);margin:0 auto;padding:10px 20px 24px}.canvas.semantic-results .board-item{position:relative;left:auto!important;top:auto!important;width:100%!important;min-width:0}.canvas.semantic-results .note-content{max-height:220px}.canvas.semantic-results .board-item img{height:200px;max-height:200px;object-fit:contain}.canvas.semantic-results .link-content h2{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.semantic-pagination{position:absolute;z-index:12;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:3px;border-radius:30px}.semantic-pagination button{width:34px;height:34px;padding:0;border-radius:50%;color:#aeb0b3}.semantic-pagination button:hover{background:#ffffff0b;color:#fff}.semantic-pagination>span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}@media(max-width:1050px){.canvas.semantic-results .board-world{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.canvas.semantic-results .board-world{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-inline:14px}}@media(max-width:600px){.semantic-search-bar{padding-left:13px;gap:8px}.semantic-search-bar input{font-size:16px}}@media(max-width:480px){.canvas.semantic-results .board-world{grid-template-columns:1fr;width:min(350px,100%)}.canvas.semantic-results .note-content{max-height:180px}}@media(prefers-reduced-motion:reduce){.semantic-search{transition:none}}