.field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--meadow);font-family:var(--font-primary);touch-action:none;-webkit-user-select:none;user-select:none}.field-pan{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.field-pan.is-panning{cursor:grabbing}.field-grain{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.09;mix-blend-mode:overlay;pointer-events:none;animation:field-grainshift 16s steps(8) infinite alternate}@keyframes field-grainshift{0%{transform:translate(0)}to{transform:translate(-8%,-6%)}}.field-pen{position:absolute;width:330px;height:345px;transform:translate(-50%,-50%)}.field-pen-title-wrap{position:absolute;left:50%;top:44px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.field-pen-title{display:flex;align-items:center;gap:5px;min-height:0;background:#ffffffb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:20px;padding:4px 12px;box-shadow:0 1px 3px #2828371a;white-space:nowrap;cursor:pointer}.field-pen-title:hover:not(:disabled){background:#ffffffeb}.field-pen-title .dot{width:6px;height:6px;border-radius:50%}.field-pen-title .label{font-size:11.5px;font-weight:500;letter-spacing:.02em}.field-basket{position:absolute;left:50%;top:50%;width:92px;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by)));animation:field-floaty var(--bob-dur, 8s) ease-in-out var(--bob-delay, 0s) infinite}@keyframes field-floaty{0%,to{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by)))}50%{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by) - 5px))}}.field-basket:focus-visible{outline:2px solid var(--field-accent);outline-offset:2px;border-radius:8px}.field-pen .field-basket:hover:not(:disabled){background:color-mix(in srgb,var(--pen-fence, var(--field-accent)) 22%,transparent);border-radius:12px}.field-add-basket{position:absolute;left:50%;top:50%;width:92px;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by)))}.field-add-basket-tile{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px dashed color-mix(in srgb,var(--pen-fence, var(--field-accent)) 55%,transparent);border-radius:12px;color:var(--pen-fence, var(--field-accent));transition:background .12s ease,border-color .12s ease}.field-pen .field-add-basket:hover:not(:disabled){background:none}.field-pen .field-add-basket:hover:not(:disabled) .field-add-basket-tile{background:color-mix(in srgb,var(--pen-fence, var(--field-accent)) 16%,transparent);border-color:var(--pen-fence, var(--field-accent))}.field-add-basket:focus-visible{outline:none}.field-add-basket:focus-visible .field-add-basket-tile{outline:2px solid var(--field-accent);outline-offset:2px}.basket-lantern-glow{animation:field-lantern-pulse 3.4s ease-in-out infinite;transform-origin:center}@keyframes field-lantern-pulse{0%,to{opacity:.5}50%{opacity:1}}.field-basket-label{margin-top:2px;max-width:92px;font-size:10.5px;font-weight:500;line-height:1.08;text-align:center;white-space:normal;overflow-wrap:anywhere;color:var(--field-label);background:#ffffffa8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;padding:1.5px 6px}.field-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#11131361;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffeb;font-size:11.5px;padding:7px 14px;border-radius:16px;pointer-events:none}.field-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);pointer-events:none}.field-empty h2{font-size:1.1rem;font-weight:500;color:var(--field-ink);margin-bottom:.35rem}.field-empty p{font-size:.9rem}.field-detail-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#26223457;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.field-detail-panel{position:relative;width:444px;max-width:calc(100vw - 2rem);background:transparent}.field-detail-panel:focus-visible{outline:none}.field-detail-panel:before,.field-detail-panel:after{content:"";position:absolute;z-index:0;left:50%;border-style:solid;border-bottom:none;border-radius:120px 120px 0 0/108px 108px 0 0;pointer-events:none}.field-detail-panel:before{top:-66px;transform:translate(-50%);width:314px;height:120px;border-width:20px;border-color:color-mix(in srgb,var(--basket-rim) 36%,var(--meadow))}.field-detail-panel:after{top:-64.4px;transform:translate(-50%);width:310.8px;height:118.4px;border-width:16.8px;border-color:color-mix(in srgb,var(--basket-rim) 22%,var(--meadow))}.bd-drag-handle{position:absolute;z-index:1;top:-72px;left:50%;transform:translate(-50%);width:314px;height:72px;cursor:grab;touch-action:none}.bd-drag-handle:active{cursor:grabbing}.bd-basket{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;max-height:620px;padding:22px 26px 30px;background:var(--meadow);clip-path:polygon(0 22px,3px 11px,11px 3px,22px 0,calc(100% - 22px) 0,calc(100% - 11px) 3px,calc(100% - 3px) 11px,100% 22px,calc(100% - 16px) calc(100% - 22px),calc(100% - 19px) calc(100% - 11px),calc(100% - 27px) calc(100% - 3px),calc(100% - 38px) 100%,38px 100%,27px calc(100% - 3px),19px calc(100% - 11px),16px calc(100% - 22px));filter:drop-shadow(0 26px 60px rgba(28,22,44,.5))}.bd-header{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:-22px -26px 0;padding:18px 26px 16px;background:color-mix(in srgb,var(--basket-rim) 11%,var(--meadow));border-radius:22px 22px 0 0;box-shadow:inset 0 -1px color-mix(in srgb,var(--basket-rim) 24%,transparent),0 4px 10px #78501e14}.bd-art{flex:none}.bd-titleblock{flex:1;min-width:0}.bd-titlerow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bd-titlerow h2{font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:var(--field-ink)}.bd-title{cursor:text}.bd-titleinput{flex:1;min-width:0;font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:var(--field-ink);font-family:inherit;padding:1px 6px;margin:-2px 0;background:var(--white);border:1px solid var(--field-accent);border-radius:7px;box-sizing:border-box}.bd-titleinput:focus{outline:none;box-shadow:0 0 0 3px #7c6ef02e}.bd-titleinput:disabled{opacity:.6}.bd-meta{margin-top:5px;font-size:12.5px;color:#7a7a72}.bd-title-error{margin-top:5px;font-size:12.5px;line-height:1.35;color:var(--danger)}.bd-pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.bd-pill.is-private{background:#f3e2c8;color:#7a4e1f}.bd-pill.is-public{background:#fce9c0;color:#9a6a10}.bd-pill:focus-visible{outline:none;box-shadow:0 0 0 3px #7c6ef04d}.bd-pill-wrap{position:relative;display:inline-flex}.bd-pill-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:10;width:max-content;max-width:230px;padding:7px 10px;background:#2c2640;color:#fff;font-size:11.5px;font-weight:400;line-height:1.35;text-align:center;border-radius:8px;box-shadow:0 8px 22px #1c162c52;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.bd-pill-tip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#2c2640}.bd-pill-wrap:hover .bd-pill-tip,.bd-pill:focus-visible+.bd-pill-tip{opacity:1;visibility:visible}.bd-tags{display:flex;flex-direction:column;gap:8px}.bd-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bd-tags-empty{font-size:12px;color:#9a9a92;font-style:italic}.bd-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 9px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;line-height:1.3;box-sizing:border-box}.bd-tag-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-tag.is-user{background:#ffffffe6;color:var(--field-label);border:1px solid rgba(124,110,240,.28);box-shadow:0 1px 2px #2828370f}.bd-tag.is-removable{padding-right:5px}.bd-tag.is-system{background:#7c6ef00f;color:#6a6580;border:1px dashed rgba(124,110,240,.45)}.bd-tag-auto{flex:none;color:var(--field-accent);opacity:.8}.bd-tag-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-height:0;padding:0;border-radius:50%;background:transparent;color:#8a86a0;opacity:0;transition:opacity .12s,background .12s,color .12s}.bd-tag.is-removable:hover .bd-tag-x,.bd-tag.is-removable:focus-within .bd-tag-x{opacity:1}.bd-tag-x:hover:not(:disabled){background:#7c6ef029;color:var(--field-accent)}.bd-tag-x:focus-visible{opacity:1;outline:2px solid var(--field-accent);outline-offset:1px}.bd-tags-add{position:relative}.bd-tags-srlabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bd-tag-input{display:block;width:100%;height:34px;padding:0 12px;border:1px solid rgba(60,50,90,.14);border-radius:var(--radius-sm);background:var(--white);font-size:13px;font-family:inherit;color:var(--field-ink);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.bd-tag-input::placeholder{color:#9a9a92}.bd-tag-input:focus{outline:none;border-color:var(--field-accent);box-shadow:0 0 0 3px #7c6ef02e}.bd-tag-suggest{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:2;max-height:180px;overflow-y:auto;margin:0;padding:5px;list-style:none;background:var(--white);border-radius:12px;box-shadow:0 10px 28px #28223c38}.bd-tag-suggestion{padding:6px 9px;border-radius:7px;font-size:13px;color:var(--field-ink);cursor:pointer}.bd-tag-suggestion:hover,.bd-tag-suggestion.is-active{background:var(--meadow)}.field-detail-close{width:30px;height:30px;min-height:0;padding:0;border-radius:50%;background:color-mix(in srgb,var(--basket-rim) 32%,var(--meadow));border:1.6px solid color-mix(in srgb,var(--basket-rim) 36%,var(--meadow));color:var(--basket-padlock);flex:none}.field-detail-close:hover:not(:disabled){background:color-mix(in srgb,var(--basket-rim) 42%,var(--meadow))}.bd-header-actions{position:absolute;top:-72px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:8px}.bd-menu{position:relative;flex:none}.bd-menu-trigger{width:30px;height:30px;min-height:0;padding:0;border-radius:50%;background:color-mix(in srgb,var(--basket-rim) 32%,var(--meadow));border:1.6px solid color-mix(in srgb,var(--basket-rim) 36%,var(--meadow));color:var(--basket-padlock)}.bd-menu-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--basket-rim) 42%,var(--meadow))}.bd-menu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:5;min-width:160px;padding:6px;background:var(--white);border:1px solid rgba(60,50,90,.08);border-radius:10px;box-shadow:0 12px 32px #1c162c38}.bd-menu-item{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:32px;padding:0 10px;background:none;border-radius:7px;font-size:13px;font-weight:500;text-align:left}.bd-menu-item.is-danger{color:var(--danger)}.bd-menu-item.is-danger:hover:not(:disabled){background:var(--danger-soft)}.bd-tags-section{padding:14px 0;border-top:1px solid rgba(60,50,90,.1);border-bottom:1px solid rgba(60,50,90,.1)}.bd-list{display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:0}.bd-loading{font-size:12.5px;color:#9a9a92;padding:8px 2px}.bd-row{display:flex;align-items:center;gap:11px;background:#fff;border-radius:11px;padding:11px 13px;box-shadow:0 1px 2px #0000000d}.bd-tile{flex:none;width:30px;height:30px;min-height:0;padding:0;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--tile-tint);cursor:pointer;transition:box-shadow .12s ease}.bd-tile-glyph,.bd-tile-arrow{display:inline-flex}.bd-tile-arrow{display:none}.bd-rowwrap:hover .bd-row .bd-tile{background:var(--tile-tint);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--tile-tint)}.bd-rowwrap:hover .bd-row .bd-tile .bd-tile-glyph{display:none}.bd-rowwrap:hover .bd-row .bd-tile .bd-tile-arrow{display:inline-flex}.bd-rowtext{min-width:0;flex:1}.bd-rowtitle{font-size:13.5px;font-weight:500;color:#1a1a1c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-rowmeta{font-size:11.5px;color:#9a9a92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-rowtitle-input{width:100%;font-size:13.5px;font-weight:500;color:#1a1a1c;font-family:inherit;padding:1px 6px;margin:-2px 0;background:var(--white);border:1px solid var(--field-accent);border-radius:7px;box-sizing:border-box}.bd-rowtitle-input:focus{outline:none;box-shadow:0 0 0 3px #7c6ef02e}.bd-rowtitle-error{color:var(--danger)}.bd-rowwrap{position:relative}.bd-row-actions{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:2}.bd-rowwrap:hover .bd-row-actions,.bd-rowwrap:focus-within .bd-row-actions{opacity:1;visibility:visible}.bd-row-edit,.bd-row-remove{width:30px;height:30px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--white);box-shadow:0 1px 4px #00000024}.bd-row-edit{color:#5d5d62}.bd-row-edit:hover:not(:disabled){background:var(--meadow)}.bd-row-edit-aa{font-size:13px;font-weight:600;line-height:1;letter-spacing:-.01em}.bd-row-remove{color:#ec6877}.bd-row-remove:hover:not(:disabled){background:var(--danger-soft)}.bd-row-remove:disabled{opacity:.5;cursor:default}.bd-more{text-align:center;font-size:11.5px;color:#9a9a92;padding:2px 0}.bd-actions{display:flex;gap:10px;margin:0 18px}.bd-copy,.bd-share{min-height:48px}.bd-copy{flex:1;gap:8px;background:#7c6ef0;color:#fff;font-size:14.5px;font-weight:500;padding:0 14px;border-radius:12px;box-shadow:0 6px 18px #7c6ef059}.bd-copy:hover:not(:disabled){background:#6a5ce0}.bd-copylabel{position:relative;display:inline-flex}.bd-copyswap{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center}.bd-share{flex:none;width:48px;padding:0;background:#fff;color:#5d5d62;border-radius:12px;box-shadow:0 1px 2px #0000000d}.bd-share:hover:not(:disabled){background:#f3f1ea}.bd-addlink{display:flex;gap:10px}.bd-addlink-input{flex:1;min-width:0;min-height:2.25rem;padding:0 12px;border:1px solid rgba(60,50,90,.14);border-radius:12px;background:var(--white);font-size:13px;font-family:inherit;color:var(--field-ink);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.bd-addlink-input::placeholder{color:#9a9a92}.bd-addlink-input:focus{outline:none;border-color:var(--field-accent);box-shadow:0 0 0 3px #7c6ef02e}.bd-addlink-go{flex:none;padding:0 16px;background:var(--white);color:#5d5d62;border-radius:12px;font-size:14px;box-shadow:0 1px 2px #0000000d}.bd-addlink-go:hover:not(:disabled){background:#f3f1ea}.bd-addlink-error{font-size:12.5px;line-height:1.35;color:var(--danger)}.field-topbar{position:absolute;top:18px;left:18px;right:18px;z-index:20;display:flex;align-items:center;gap:11px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;padding:9px 11px 9px 16px;box-shadow:var(--topbar-shadow)}.tb-icon-btn{flex:none;width:38px;min-height:38px;padding:0;background:var(--meadow);color:var(--field-ink);border:1px solid rgba(60,50,90,.08);border-radius:14px}.tb-icon-btn:hover:not(:disabled){background:#ece9e0}.tb-menu-wrap{position:relative;flex:none}.tb-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:150px;display:flex;flex-direction:column;padding:6px;background:var(--white);border-radius:14px;box-shadow:var(--topbar-shadow);z-index:1}.tb-menu-item{justify-content:flex-start;min-height:2rem;padding:.4rem .6rem;background:none;color:var(--field-ink);border-radius:8px;font-size:.85rem}.tb-menu-item:hover:not(:disabled){background:var(--meadow)}.tb-brand{flex:none;display:flex;align-items:center;gap:8px}.tb-logo{width:26px;height:26px;display:block;flex:none}.tb-wordmark{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--field-ink);white-space:nowrap}.tb-search{position:relative;flex:1;max-width:560px;margin:0 auto}.tb-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none}.tb-search .tb-search-input{width:100%;height:38px;padding:0 14px 0 38px;border:1px solid transparent;border-radius:20px;background:var(--meadow);font-size:13px;font-family:inherit;color:var(--field-ink)}.tb-search .tb-search-input::placeholder{color:#9a9a92}.tb-search .tb-search-input:focus{outline:none;border-color:var(--field-accent);box-shadow:0 0 0 3px #7c6ef02e}.tb-search .tb-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tb-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;padding:6px;background:var(--white);border-radius:16px;box-shadow:var(--topbar-shadow);z-index:1}.tb-result{justify-content:space-between;gap:10px;min-height:2.1rem;padding:.45rem .6rem;background:none;color:var(--field-ink);border-radius:9px;font-size:13px;font-weight:500;text-align:left}.tb-result:hover:not(:disabled){background:var(--meadow)}.tb-result-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-result-pen{flex:none;font-size:11px;font-weight:500;color:#9a9a92}.tb-result-empty{padding:.5rem .6rem;font-size:12.5px;color:#9a9a92}.tb-new{flex:none;min-height:38px;padding:0 16px;background:var(--field-accent);color:#fff;border-radius:18px;font-size:13px;font-weight:500}.tb-new:hover:not(:disabled){background:#6a5ce0}.tb-avatar{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.tb-avatar .cl-userButtonTrigger,.tb-avatar .cl-avatarBox{width:34px;height:34px}.field-drop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#f3f1ea9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;animation:field-drop-in .16s ease-out}@keyframes field-drop-in{0%{opacity:0}to{opacity:1}}.field-drop-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 44px;border:2px dashed rgba(124,110,240,.5);border-radius:20px;background:#ffffffb8;box-shadow:0 18px 50px #3c325a2e;color:var(--field-accent)}.field-drop-card span{font-size:15px;font-weight:500;color:var(--field-ink)}.atb-panel{width:420px;max-width:calc(100vw - 2rem);background:var(--meadow);border-radius:18px;box-shadow:0 28px 70px #1c162c80;padding:24px 26px;display:flex;flex-direction:column;gap:18px}.atb-panel:focus-visible{outline:none}.atb-header{display:flex;align-items:flex-start;gap:14px}.atb-titleblock{flex:1;min-width:0}.atb-titleblock h2{font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:var(--field-ink)}.atb-sub{margin-top:6px;font-size:12.5px;line-height:1.4;color:#7a7a72}.atb-sub strong{color:var(--field-ink);font-weight:500}.atb-fields{display:flex;flex-direction:column;gap:14px}.atb-field{display:flex;flex-direction:column;gap:6px}.atb-label{font-size:12px;font-weight:500;color:var(--field-label)}.atb-field .atb-input+.atb-input,.atb-field .atb-select+.atb-input{margin-top:2px}.atb-hint{font-size:11.5px;line-height:1.35;color:#9a6a10}.atb-error{font-size:12.5px;line-height:1.35;color:var(--danger)}.atb-actions{display:flex;gap:10px}.atb-skip,.atb-file{flex:1;border-radius:12px;font-size:14px;font-weight:500}.atb-skip{background:var(--white);color:#5d5d62;box-shadow:0 1px 2px #0000000d}.atb-skip:hover:not(:disabled){background:#f3f1ea}.atb-file{background:var(--field-accent);color:#fff;box-shadow:0 6px 18px #7c6ef059}.atb-file:hover:not(:disabled){background:#6a5ce0}.pen-menu{margin-top:6px;min-width:168px;display:flex;flex-direction:column;padding:6px;background:var(--white);border-radius:14px;box-shadow:var(--topbar-shadow);z-index:5}.pen-menu-item{justify-content:flex-start;min-height:2rem;padding:.4rem .6rem;background:none;color:var(--field-ink);border-radius:8px;font-size:.85rem}.pen-menu-item:hover:not(:disabled){background:var(--meadow)}.pen-menu-item.is-danger{color:var(--danger)}.pen-menu-item.is-danger:hover:not(:disabled){background:var(--danger-soft)}.pen-menu-form{display:flex;flex-direction:column;gap:8px;padding:4px}.pen-menu-confirm{font-size:12.5px;line-height:1.35;color:var(--field-ink);padding:2px 2px 0}.pen-menu-actions{display:flex;gap:6px}.pen-menu-cancel,.pen-menu-save,.pen-menu-delete{flex:1;min-height:30px;border-radius:8px;font-size:12.5px;font-weight:500}.pen-menu-cancel{background:var(--white);color:#5d5d62;box-shadow:0 1px 2px #0000000d}.pen-menu-cancel:hover:not(:disabled){background:#f3f1ea}.pen-menu-save{background:var(--field-accent);color:#fff}.pen-menu-save:hover:not(:disabled){background:#6a5ce0}.pen-menu-delete{background:var(--danger);color:#fff}.pen-menu-delete:hover:not(:disabled){background:var(--danger-hover)}.pen-menu-error{font-size:11.5px;line-height:1.35;color:var(--danger);padding:4px 4px 0}.cd-toggle{display:flex;gap:4px;padding:3px;background:#0000000d;border-radius:12px}.cd-toggle-btn{flex:1;min-height:34px;background:none;color:#6a6a66;border-radius:9px;font-size:13px;font-weight:500}.cd-toggle-btn:hover:not(:disabled){background:#0000000a}.cd-toggle-btn.is-active{background:var(--white);color:var(--field-ink);box-shadow:0 1px 2px #00000014}.cd-toggle-btn.is-active:hover:not(:disabled){background:var(--white)}.bd-delete{display:flex;flex-direction:column;align-items:center;gap:6px}.bd-delete-confirm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.bd-delete-prompt{font-size:12.5px;color:var(--field-ink)}.bd-delete-buttons{display:flex;gap:8px}.bd-delete-cancel,.bd-delete-go{min-height:30px;padding:0 14px;border-radius:8px;font-size:12.5px;font-weight:500}.bd-delete-cancel{background:var(--white);color:#5d5d62;box-shadow:0 1px 2px #0000000d}.bd-delete-cancel:hover:not(:disabled){background:#f3f1ea}.bd-delete-go{background:var(--danger);color:#fff}.bd-delete-go:hover:not(:disabled){background:var(--danger-hover)}.bd-delete-error{font-size:11.5px;line-height:1.35;color:var(--danger);text-align:center}@media(prefers-reduced-motion:reduce){.field-grain,.field-basket,.basket-lantern-glow{animation:none}.bd-tag-x,.bd-tag-input{transition:none}.field-drop{animation:none}}.atb-textarea{width:100%;box-sizing:border-box;resize:none;font:inherit;line-height:1.5;padding:.6rem .7rem;border:1px solid #d4dae2;border-radius:10px;background:#fff;color:#1c2733}.atb-textarea:focus{outline:2px solid #3b5bdb;outline-offset:1px}.atb-toggle{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:#4a5563;cursor:pointer}.atb-toggle input{width:16px;height:16px}.field-toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%);z-index:60;background:#1c2733;color:#fff;padding:.6rem 1rem;border-radius:999px;font-size:.88rem;box-shadow:0 6px 24px #00000038}@font-face{font-family:Goga;src:url(/fonts/goga/Goga-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Goga;src:url(/fonts/goga/Goga-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Goga;src:url(/fonts/goga/Goga-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Azurio;src:url(/fonts/azurio/Azurio-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Azurio;src:url(/fonts/azurio/Azurio-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--ink: #121313;--surface: #f5f3ed;--surface-alt: #efece3;--white: #ffffff;--text-muted: #5b5f66;--border: #cccccc;--overlay: rgba(18, 19, 19, .5);--accent: #3d4cf0;--accent-hover: #2f3bd0;--logo-blue: #6e7cfa;--accent-soft: #e3e5fd;--ring: rgba(61, 76, 240, .18);--emphasis: #ed7d60;--emphasis-soft: #fdd9cf;--positive: #5f9d5d;--positive-strong: #2f6b2d;--positive-soft: #c9f0c9;--danger: #cf2017;--danger-hover: #a81813;--danger-soft: #fbe9e7;--danger-border: #f3c3bf;--warning: #92610a;--warning-soft: #fef6d6;--warning-border: #f2d98a;--nav-link: rgba(255, 255, 255, .7);--font-primary: "Goga", Arial, sans-serif;--font-secondary: "Azurio", Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 6px;--radius-md: 12px;--radius-pill: 9999px;--meadow: #F3F1EA;--field-ink: #1a1a1c;--field-label: #3f3a4a;--field-accent: #7C6EF0;--topbar-shadow: 0 8px 26px rgba(60, 50, 90, .16);--basket-body: #C88A3C;--basket-rim: #B5742B;--basket-weave: #A26B29;--basket-handle: #8a5a20;--basket-padlock: #7a4e1f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px}body{font-family:var(--font-primary);color:var(--ink);background:var(--surface);line-height:1.5}.sidebar{display:flex;flex-direction:column;width:272px;flex-shrink:0;padding:1.5rem 1rem;background:var(--ink);color:var(--white);position:sticky;top:0;height:100vh;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 .5rem}.sidebar-logo{width:58px;height:58px;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.sidebar-wordmark{height:30px;width:auto}.sidebar-brand-text span{font-weight:500;font-size:1rem;color:var(--logo-blue);letter-spacing:.01em;line-height:1}.sidebar-group{display:flex;flex-direction:column;margin-bottom:1.75rem}.sidebar a{color:var(--nav-link);text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem;border-radius:var(--radius-sm)}.sidebar a:focus-visible{outline:none}.sidebar a:hover{color:var(--white);background:#ffffff0f}.sidebar a.active{color:var(--white);background:#ffffff1f}.sidebar-spacer{flex:1}.sidebar-user{display:flex;align-items:center;gap:.625rem;padding:1rem .5rem .5rem;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user-email{font-size:.8rem;color:var(--nav-link);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{display:flex;min-height:100vh}.page{flex:1;max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.field-host{flex:1;position:relative;height:100vh;overflow:hidden}.page-title{font-size:1.3rem;font-weight:500;margin-bottom:.25rem}.page-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}input[type=text],input[type=search],select{display:block;width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:var(--white);transition:border-color .15s}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2rem;background-color:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235b5f66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}button{padding:.5rem 1rem;min-height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;font-family:inherit;background:var(--accent);color:var(--white);transition:background .15s;white-space:nowrap}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:default}button.secondary{background:var(--surface-alt);color:var(--ink);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--border)}button.danger{background:var(--danger);color:var(--white)}button.danger:hover:not(:disabled){background:var(--danger-hover)}button.sm{padding:.3rem .65rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;letter-spacing:.02em}.badge.public{background:var(--positive-soft);color:var(--positive-strong)}.badge.private{background:var(--surface-alt);color:var(--text-muted)}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.brief-row{background:var(--white);border-radius:var(--radius-md);padding:.9rem 1.1rem;margin-bottom:.85rem;box-shadow:0 1px 3px #00000012;display:flex;align-items:center;gap:.85rem}.brief-row .title{font-weight:500;flex:1;min-width:0}.brief-row .meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.brief-row .actions{display:flex;align-items:center;gap:.5rem}.chip{display:inline-block;font-size:.8rem;font-weight:500;background:var(--accent-soft);color:var(--ink);padding:.15rem .55rem;border-radius:var(--radius-pill);text-decoration:none}.chip:hover{filter:brightness(.97)}.chip-basket{background:var(--surface-alt);color:var(--text-muted)}.chip-basket:hover{filter:none}.chip-muted{display:inline-block;font-size:.8rem;font-weight:500;padding:.15rem .55rem;border-radius:var(--radius-pill);color:var(--text-muted);border:1px dashed var(--border)}.copy{position:relative}.copy .copy-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--positive-strong);font-weight:500}.delete{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.3rem .55rem;line-height:0}.delete:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.empty{color:var(--text-muted);font-size:.9rem;padding:1rem 0}@media(max-width:700px){.sidebar{position:static;height:auto;width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.sidebar-brand,.sidebar-group{margin-bottom:0}.sidebar-spacer{display:none}.sidebar-user{border-top:none;padding-top:.5rem;margin-left:auto}.app-shell{flex-direction:column}.brief-row{flex-direction:column;align-items:stretch}.brief-row .title{flex:none}.brief-row .actions{flex-wrap:wrap}.brief-row .actions button:not(.delete){flex:1}.field-host{height:auto;flex:1;min-height:60vh}}
