@import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&family=Kalam:wght@300;400;700&display=swap";:root{color-scheme:light;--ui-font: "Albert Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hand-1: "Caveat", cursive;--hand-2: "Kalam", cursive;--chrome: #2f2924;--chrome-2: #211d1a;--chrome-3: #413832;--chrome-line: rgba(255, 255, 255, .13);--chrome-ink: #f7f0e6;--chrome-dim: #cabfaf;--accent: #c65f3e;--panel: #fbf7ee;--panel-ink: #2c251f;--panel-dim: #756b60;--panel-line: #e5ded0;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--note-w: 158px;--note-fs: 23px;--noise-fine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-coarse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font-family:var(--ui-font);background:var(--chrome-2);color:var(--chrome-ink);font-synthesis:none;text-rendering:optimizeLegibility}@media (min-width: 640px){:root{--note-w: 196px;--note-fs: 27px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.mobile-pwa input,body.mobile-pwa textarea,body.mobile-pwa button{font-size:max(16px,1em)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin:0}.corkboardApp{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--chrome-2)}.appbar{flex:0 0 auto;z-index:30;background:linear-gradient(180deg,var(--chrome),var(--chrome-2));border-bottom:1px solid var(--chrome-line);padding-top:var(--safe-top)}.appbarTop{align-items:center;display:flex;gap:12px;min-height:58px;padding:9px 14px 8px}.brand{align-items:center;display:flex;gap:10px;min-width:0}.brand h1{color:var(--chrome-ink);font-size:1.04rem;font-weight:650;letter-spacing:0}.brandMark{background:linear-gradient(150deg,#f3df65,#e0bb4e);border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff6b,0 3px 8px #0000005c;flex:0 0 auto;height:30px;position:relative;transform:rotate(-7deg);width:30px}.brandMark:after{background:radial-gradient(circle at 35% 30%,#fff 0,#fff 8%,#d8514a 42%,#96312e);border-radius:50%;box-shadow:0 1px 2px #00000080;content:"";height:7px;left:50%;position:absolute;top:5px;transform:translate(-50%);width:7px}.iconButton{align-items:center;background:transparent;border-radius:11px;color:var(--chrome-dim);display:flex;height:38px;justify-content:center;margin-left:auto;transition:background .14s,color .14s;width:38px}.iconButton:hover,.iconButton:active{background:var(--chrome-3);color:var(--chrome-ink)}.iconButton svg{height:20px;width:20px}.tabs{align-items:stretch;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 14px 11px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.boardTab,.tabAdd{align-items:center;background:var(--chrome-2);border:1px solid transparent;border-radius:11px;color:var(--chrome-dim);display:flex;flex:0 0 auto;gap:8px;min-height:40px;transition:background .14s,border-color .14s,color .14s}.boardTab{font-size:.88rem;font-weight:650;letter-spacing:0;max-width:64vw;padding:8px 12px}.boardTab:hover,.tabAdd:hover{background:var(--chrome-3);color:var(--chrome-ink)}.boardTab.active{background:var(--chrome-ink);color:var(--chrome)}.boardTab svg{flex:0 0 auto;height:16px;width:16px}.tabName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabCount{align-items:center;background:#ffffff1a;border-radius:9px;display:flex;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:750;height:18px;justify-content:center;min-width:18px;padding:0 5px}.boardTab.active .tabCount{background:#0000001a}.tabEdit{opacity:.6}.tabAdd{border-color:var(--chrome-line);border-style:dashed;justify-content:center;width:40px}.tabAdd svg{height:18px;width:18px}.stage{flex:1 1 auto;min-height:0;position:relative}.surface{top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.surfaceFill,.notesLayer{top:0;right:0;bottom:0;left:0;position:absolute}.surfaceFill{z-index:0}.surface[data-surface=cork]{box-shadow:inset 0 0 0 10px #6b4a28,inset 0 0 0 12px #51371d,inset 0 0 120px #28180880}.surface[data-surface=cork] .surfaceFill{background-color:#bb8a55;background-image:radial-gradient(120% 120% at 50% 40%,rgba(255,240,210,.1),transparent 60%),var(--noise-coarse),var(--noise-fine);background-blend-mode:screen,multiply,soft-light}.surface[data-surface=cork]:after{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 12%,transparent 88%,rgba(0,0,0,.2)),repeating-linear-gradient(90deg,#0000 0,#0000 6px,#00000004 6px,#00000004 7px);box-shadow:inset 0 0 0 9px #8a5e34;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.surface[data-surface=linen]{box-shadow:inset 0 0 0 10px #cfc6b2,inset 0 0 0 11px #b6ab92,inset 0 0 110px #786c5447}.surface[data-surface=linen] .surfaceFill{background-color:#e7e1d4;background-image:var(--noise-fine),repeating-linear-gradient(90deg,rgba(120,108,84,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(120,108,84,.05) 0 1px,transparent 1px 3px);background-blend-mode:multiply,normal,normal}.surface[data-surface=slate]{box-shadow:inset 0 0 0 10px #1c2724,inset 0 0 0 12px #4a3a26,inset 0 0 120px #00000080}.surface[data-surface=slate] .surfaceFill{background-color:#2c3a36;background-image:radial-gradient(130% 120% at 50% 30%,rgba(180,220,205,.08),transparent 55%),var(--noise-fine);background-blend-mode:screen,soft-light}.notesLayer{z-index:2}.emptyHint{align-items:center;color:#ffffffdb;display:flex;font-family:var(--hand-1);font-size:2.2rem;font-weight:650;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.38);transform:rotate(-3deg);z-index:3}.surface[data-surface=linen] .emptyHint{color:#3c3426d1;text-shadow:none}.note{cursor:grab;filter:brightness(var(--bri, 1)) saturate(var(--sat, 1));position:absolute;touch-action:none;transform:rotate(var(--rot, 0deg));transform-origin:50% 0;transition:filter .2s,transform .24s cubic-bezier(.2,.9,.25,1);width:var(--note-w);will-change:transform}.note.lifted{cursor:grabbing;transition:none;z-index:50}.notePaper{background:linear-gradient(168deg,var(--c1),var(--c2));border-radius:2px 2px 3px 3px;box-shadow:inset 0 1px #ffffff73,0 1px 1px #2818081a,0 12px 20px -10px #1e12046b,0 26px 36px -26px #1e12044d;min-height:calc(var(--note-w) - 16px);padding:20px 17px 18px;position:relative}.note.lifted .notePaper{box-shadow:inset 0 1px #ffffff73,0 1px 1px #2818081a,0 30px 48px -16px #1e120480,0 50px 70px -40px #1e120459}.notePaper:before,.notePaper:after{border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.notePaper:before{background-image:var(--noise-fine);background-size:130px 130px;mix-blend-mode:multiply;opacity:.5}.notePaper:after{background:linear-gradient(180deg,rgba(0,0,0,.05) 0,transparent 9%),linear-gradient(180deg,transparent 78%,rgba(0,0,0,.06) 100%)}.noteText{color:#2a2418;font-family:var(--note-font, var(--hand-1));font-size:var(--note-fs);font-weight:650;letter-spacing:0;line-height:1.16;position:relative;white-space:pre-wrap;word-break:break-word;z-index:1}.note[data-font=kalam] .noteText{font-size:calc(var(--note-fs) - 6px);font-weight:400;line-height:1.32}.notePaper.empty .noteText{color:#2824186b;font-style:italic;font-weight:500}.pin{background:radial-gradient(circle at 34% 30%,#fff 0 8%,var(--pin-1) 38%,var(--pin-2) 100%);border-radius:50%;box-shadow:0 0 0 1px #00000014 inset,-1px -1px 2px #ffffff80 inset,0 4px 6px -1px #00000073;height:19px;left:50%;position:absolute;top:-9px;transform:translate(-50%);width:19px;z-index:3}.pin:after{background:linear-gradient(180deg,#787878e6,#50505080);border-radius:0 0 2px 2px;box-shadow:0 2px 2px #0000004d;content:"";height:6px;left:50%;position:absolute;top:14px;transform:translate(-50%);width:2px}.tape{background:linear-gradient(120deg,#fffceb8c,#f5f0d76b);border-left:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(255,255,255,.35);box-shadow:0 2px 5px -2px #00000040;display:none;height:25px;left:50%;position:absolute;top:-12px;transform:translate(-50%) rotate(var(--tape-rot, -3deg));width:74px;z-index:3}.tape:after{background-image:var(--noise-fine);background-size:80px;content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;opacity:.25;position:absolute}.note[data-fix=tape] .pin{display:none}.note[data-fix=tape] .tape{display:block}.noteDelete{align-items:center;background:var(--chrome);border-radius:50%;box-shadow:0 3px 8px #0006;color:#fff;display:flex;height:24px;justify-content:center;opacity:1;position:absolute;right:-10px;top:-10px;transform:scale(1);width:24px;z-index:4}.noteDelete svg{height:15px;width:15px}@media (hover: hover){.noteDelete{opacity:0;transform:scale(.65);transition:opacity .14s,transform .14s}.note:hover .noteDelete{opacity:1;transform:scale(1)}}.listScroll{display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:18px 14px calc(116px + var(--safe-bottom));position:absolute;z-index:2;-webkit-overflow-scrolling:touch}.notepad{align-self:flex-start;background:#fdfaf1;background-blend-mode:multiply;background-image:var(--noise-fine);background-size:160px;border-radius:3px;box-shadow:0 26px 56px -22px #140c048c,0 6px 14px -8px #140c0466;min-height:70vh;padding:26px 18px 22px 54px;position:relative;width:min(620px,100%)}.notepad:before{background:#c8504659;bottom:0;content:"";left:42px;position:absolute;top:0;width:2px}.notepad:after{background-image:radial-gradient(circle,rgba(0,0,0,.16) 0 4px,transparent 5px);background-position:0 16px;background-repeat:repeat-y;background-size:14px 30px;bottom:0;content:"";left:16px;position:absolute;top:0;width:14px}.notepad h2{color:#2a2418;font-family:var(--hand-1);font-size:2.08rem;font-weight:700;letter-spacing:0;line-height:1.05}.padSub{color:#281e0c80;font-size:.73rem;font-weight:700;letter-spacing:0;margin:3px 0 12px;text-transform:uppercase}.listItem{align-items:flex-start;border-bottom:1px solid rgba(60,80,160,.13);display:flex;gap:12px;padding:11px 4px;position:relative}.listCheck{align-items:center;background:transparent;border:2.5px solid var(--li-color, #9a8f74);border-radius:6px;color:#fff;display:flex;flex:0 0 auto;height:23px;justify-content:center;margin-top:1px;width:23px}.listCheck svg{height:16px;opacity:0;transform:scale(.45);transition:opacity .16s,transform .16s;width:16px}.listItem.done .listCheck{background:var(--li-color, #9a8f74)}.listItem.done .listCheck svg{opacity:1;transform:scale(1)}.listText{color:#2a2418;flex:1 1 auto;font-family:var(--hand-2);font-size:1.2rem;line-height:1.38;outline:none;padding-top:1px;word-break:break-word}.listItem.done .listText{color:#281e0c66;text-decoration:line-through;text-decoration-color:#281e0c66}.listDelete{align-items:center;background:transparent;border-radius:7px;color:#281e0c5c;display:flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.listDelete svg{height:16px;width:16px}.padAdd{align-items:center;display:flex;gap:12px;padding:14px 4px 4px}.padAdd span{align-items:center;border:2.5px dashed rgba(40,30,12,.25);border-radius:6px;color:#281e0c66;display:flex;flex:0 0 auto;height:23px;justify-content:center;width:23px}.padAdd input{background:transparent;border:0;color:#2a2418;flex:1 1 auto;font-family:var(--hand-2);font-size:1.2rem;min-width:0;outline:none}.fab{align-items:center;background:linear-gradient(160deg,#cc6844,#aa492f);border-radius:30px;bottom:calc(18px + var(--safe-bottom));box-shadow:0 14px 30px -8px #bf4f2d9e,0 4px 10px -3px #0006,inset 0 1px #ffffff40;color:#fff8ee;display:flex;font-size:.97rem;font-weight:700;gap:10px;height:56px;letter-spacing:0;padding:0 22px 0 18px;position:absolute;right:18px;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s;z-index:25}.fab:hover{transform:translateY(-2px) scale(1.02)}.fab:active{transform:scale(.98)}.fab svg{height:22px;width:22px}.scrim{align-items:flex-end;background:#120c0680;backdrop-filter:blur(4px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:100;-webkit-backdrop-filter:blur(4px)}.sheet{background:var(--panel);border-radius:16px 16px 0 0;box-shadow:0 24px 60px -18px #140c068c,0 4px 14px -6px #140c0666;color:var(--panel-ink);max-height:92vh;max-width:520px;overflow-y:auto;padding-bottom:var(--safe-bottom);width:100%}.sheet:before{background:var(--panel-line);border-radius:3px;content:"";display:block;height:4px;margin:10px auto 0;width:38px}.sheetHead{align-items:center;display:flex;justify-content:space-between;padding:14px 20px 4px}.sheetHead h2{font-size:1.1rem;font-weight:700;letter-spacing:0}.sheetClose{align-items:center;background:transparent;border-radius:9px;color:var(--panel-dim);display:flex;height:34px;justify-content:center;width:34px}.sheetClose:hover{background:var(--panel-line);color:var(--panel-ink)}.sheetClose svg{height:18px;width:18px}.sheetBody{padding:12px 20px 22px}.composePreviewWrap{display:flex;justify-content:center;margin:2px auto 18px;min-height:calc(var(--note-w) + 8px)}.composePreview{left:auto;position:relative;top:auto}.composeInput{background:transparent;border:0;color:#2a2418;display:block;font-family:var(--note-font, var(--hand-1));font-size:var(--note-fs);font-weight:650;line-height:1.16;outline:none;resize:none;width:100%}.field,.fieldLabel{color:var(--panel-dim);display:grid;font-size:.76rem;font-weight:750;gap:8px;letter-spacing:0;margin:16px 0 9px;text-transform:uppercase}.field:first-child,.fieldLabel:first-child{margin-top:0}.field input{background:#fff;border:1.5px solid var(--panel-line);border-radius:11px;color:var(--panel-ink);min-height:46px;outline:none;padding:0 13px}.field input:focus{border-color:var(--chrome)}.swatches,.swatchLabels{display:grid;gap:9px;grid-template-columns:repeat(6,minmax(0,1fr))}.swatch{aspect-ratio:1;background:linear-gradient(160deg,var(--c1),var(--c2));border-radius:9px;box-shadow:inset 0 0 0 1px #0000000f,0 2px 5px -2px #00000040;transition:transform .14s,box-shadow .14s}.swatch.selected{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 2.5px var(--panel),0 0 0 5px var(--accent)}.swatchLabels{color:var(--panel-dim);font-size:.58rem;font-weight:750;letter-spacing:0;margin-top:7px;text-align:center;text-transform:uppercase}.swatchLabels span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetFooter{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.primaryButton,.ghostButton,.dangerButton{align-items:center;border-radius:11px;display:flex;font-size:.91rem;font-weight:700;gap:8px;min-height:44px;padding:0 15px;transition:background .14s,color .14s,transform .1s}.primaryButton:active,.ghostButton:active,.dangerButton:active{transform:scale(.98)}.primaryButton{background:var(--chrome);color:#fff}.primaryButton:hover{background:var(--chrome-2)}.ghostButton{background:transparent;color:var(--panel-dim)}.ghostButton:hover{background:var(--panel-line);color:var(--panel-ink)}.dangerButton{background:transparent;color:var(--accent);margin-right:auto}.dangerButton:hover{background:#c65f3e1a}.dangerButton svg{height:16px;width:16px}.segmented{background:var(--panel-line);border-radius:12px;display:flex;gap:6px;padding:5px}.segmented button{background:transparent;border-radius:9px;color:var(--panel-dim);flex:1;font-size:.86rem;font-weight:750;min-height:42px;padding:0 9px;transition:background .14s,box-shadow .14s,color .14s}.segmented button.selected{background:var(--panel);box-shadow:0 2px 6px -2px #0003;color:var(--panel-ink)}.surfacePicker{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.surfacePicker button{background:transparent;border:2px solid transparent;border-radius:11px;color:var(--panel-dim);display:grid;font-size:.78rem;font-weight:750;overflow:hidden;text-align:center;transition:border-color .14s,color .14s,transform .12s}.surfacePicker button.selected{border-color:var(--accent);color:var(--panel-ink)}.surfaceSwatch{display:block;height:48px}.surfaceSwatch.cork{background:#bb8a55}.surfaceSwatch.linen{background:#e7e1d4}.surfaceSwatch.slate{background:#2c3a36}.surfacePicker button span:last-child{padding:7px}.settingRow{align-items:center;border-bottom:1px solid var(--panel-line);display:flex;gap:14px;justify-content:space-between;padding:15px 0}.settingRow:first-child{padding-top:0}.settingLabel{color:var(--panel-ink);font-size:.94rem;font-weight:750}.settingControl{flex:0 0 min(230px,60vw)}.syncPanel{border-bottom:1px solid var(--panel-line);padding:15px 0 17px}.syncHead{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.syncTitle{align-items:center;color:var(--panel-ink);display:flex;font-size:.94rem;font-weight:750;gap:8px}.syncTitle svg,.syncActions svg,.syncDisconnect svg{height:16px;width:16px}.syncStatus{align-items:center;color:var(--panel-dim);display:flex;font-size:.78rem;font-weight:750;gap:7px;text-align:right}.syncStatus span{background:#a59b8e;border-radius:50%;display:block;height:8px;width:8px}.syncStatus[data-status=connected] span{background:#3f9b5f}.syncStatus[data-status=connecting] span{background:#c79637}.syncStatus[data-status=error] span{background:var(--accent)}.syncFields{display:grid;gap:10px;grid-template-columns:1fr .72fr}.syncField{margin:0}.syncActions,.syncConnected{align-items:center;display:flex;gap:10px;margin-top:12px}.syncActions{justify-content:flex-end}.syncConnected{justify-content:space-between}.syncLabel{margin:0 0 7px}.syncCode{align-items:center;background:#fff;border:1.5px solid var(--panel-line);border-radius:11px;color:var(--panel-ink);display:flex;font-size:1rem;font-weight:800;gap:8px;min-height:42px;padding:0 8px 0 12px}.syncCode span{font-variant-numeric:tabular-nums;letter-spacing:0}.miniIconButton{align-items:center;background:transparent;border-radius:8px;color:var(--panel-dim);display:flex;height:30px;justify-content:center;width:30px}.miniIconButton:hover{background:var(--panel-line);color:var(--panel-ink)}.miniIconButton svg{height:16px;width:16px}.syncRole{color:var(--panel-dim);font-size:.82rem;font-weight:750;margin-left:auto}.syncDisconnect{margin-right:0}.resetRow{padding-top:15px}.resetButton{margin-right:0}@media (min-width: 640px){.scrim{align-items:center;padding:24px}.sheet{border-radius:16px;max-height:88vh}.sheet:before{display:none}.boardTab{max-width:260px}}@media (max-width: 430px){.settingRow{align-items:stretch;display:grid}.settingControl{flex-basis:auto}.surfacePicker.compact{width:100%}.syncFields,.syncConnected{align-items:stretch;display:grid;grid-template-columns:1fr}.syncRole{margin-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}