@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#f4ecdd;--card:#fffdf7;--ink:#1b1511;--mute:#7a6c5e;--accent:#74401f;--on-accent:#fffdf7;--surf:#efe4cf;--surf-2:#e8d8be;--tint-pink:#fbe9e6;--tint-green:#eaf0e5;--pink:#f5d3cd;--sans:ui-rounded,"SF Pro Rounded",ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--shadow:4px 4px 0 var(--ink)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:not-allowed}.app{--roast-strong:var(--roast-color,var(--accent))}@supports (color:color-mix(in lab,red,red)){.app{--roast-strong:color-mix(in srgb,var(--roast-color,var(--accent)) 68%,var(--ink))}}.app{max-width:480px;min-height:100svh;padding-bottom:env(safe-area-inset-bottom);margin:0 auto;overflow-x:hidden}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0;font-size:11px;font-weight:700}.screen{padding:18px 20px 60px;animation:.3s both in}@keyframes in{0%{opacity:0;transform:translateY(8px)}}h1{letter-spacing:-.05em;margin:10px 0 8px;font-size:44px;font-weight:900;line-height:1}h1 i{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);border-radius:12px;padding:0 10px 4px;font-style:normal;display:inline-block;transform:rotate(-2deg)}.new-page-heading i{background:var(--roast-strong);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink)}.top{z-index:10;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--bg);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.06em;align-items:center;gap:6px;font-size:26px;font-weight:900;display:flex}.brand svg{color:var(--accent);transform:rotate(-20deg)}.brand-beanmark{--bean:var(--roast-color,var(--accent));--crease:var(--on-accent);flex:none;place-items:center;display:grid}.brand-beanmark .bean-badge{transform:rotate(-4deg)}.pill{border:2.5px solid var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.pill button{border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.pill button.on{background:var(--ink);color:var(--card)}.pill .plus{background:var(--accent);width:34px;color:var(--on-accent);justify-content:center;margin-left:2px;padding:0}.me{border:2.5px solid var(--ink);background:var(--card);width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;font-size:16px;font-weight:900}.ticker{background:var(--ink);color:var(--bg);border-block:2.5px solid var(--roast-color,var(--ink));font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:6px 0;font-size:11px;font-weight:700;overflow:hidden}.ticker div{animation:30s linear infinite slide;display:inline-block}@keyframes slide{to{transform:translate(-50%)}}.orb{place-items:center;width:100%;height:300px;margin:6px 0 10px;display:grid;position:relative}.orb-core{border:3px solid var(--ink);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M56 3C28 30 78 58 46 97' fill='none' stroke='%23F4ECDD' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;width:190px;height:250px;box-shadow:8px 8px 0 var(--ink);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;place-items:center;animation:4s ease-in-out infinite wob;display:grid;position:relative}.orb:active .orb-core{box-shadow:3px 3px 0 var(--ink)}.orb-core svg{border:3px solid var(--ink);background:var(--card);width:68px;height:68px;color:var(--ink);border-radius:50%;padding:18px}@keyframes wob{0%,to{transform:rotate(-16deg)}50%{transform:rotate(-8deg)scale(1.03)}}.fl{color:var(--ink);animation:3s ease-in-out infinite wob;position:absolute}.f1{top:14px;left:12%}.f2{top:40px;right:10%}.f3{bottom:20px;left:22%}.f2{animation-delay:-1s}.orb-label{background:var(--card);border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:5px 11px;position:absolute;bottom:0;right:4px;transform:rotate(3deg)}.row-head{justify-content:space-between;align-items:center;margin:10px 0 16px;display:flex}.link{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:800}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tile{aspect-ratio:1;text-align:left;border:2.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:26px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.tile:nth-child(odd){transform:rotate(-1.5deg)}.tile:nth-child(2n){transform:rotate(1.2deg)}.tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile>*{position:relative}.tile.photo .tile-text{border:1.5px solid var(--ink);border-radius:14px;padding:6px 8px;box-shadow:2px 2px #1b151159}.tile.photo .tile-text.photo-info-fresh{background:var(--accent);color:var(--on-accent)}.tile.photo .tile-text.photo-info-fresh small{color:var(--on-accent)}.tile.photo .tile-text.photo-info-brewed{background:var(--surf);color:var(--ink)}.tile.photo .tile-text.photo-info-brewed small{color:var(--mute)}.tile.photo .tile-text.photo-info-sent{color:#332f2a;background:#e4e0d8}.tile.photo .tile-text.photo-info-sent small{color:#615b53}.tile-text{gap:3px;display:grid}.tile-text small{font-family:var(--mono);color:var(--mute);font-size:10px;font-weight:700}.tile-text b{letter-spacing:-.02em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.bean-badge{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border:2.5px solid var(--ink);border-radius:60% 40% 55% 45%/55% 55% 45% 45%;flex:none;place-items:center;display:grid;transform:rotate(-14deg)}.bean-badge svg{transform:rotate(14deg)}.bubble{text-align:center;background:var(--card);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:36px;place-items:center;margin:22px 4px 30px;padding:34px 24px;display:grid;position:relative;transform:rotate(-1deg)}.bubble:after{content:"";background:var(--card);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:30px;height:30px;position:absolute;bottom:-19px;left:44px;transform:rotate(45deg)skew(10deg,10deg)}.bubble h2{letter-spacing:-.045em;margin:0;font-size:30px;font-weight:900;line-height:1.05}.bubble.small{gap:8px;margin-top:6px}.bubble.small:after{display:none}.bubble.small h2{font-size:22px}.bubble.small p{color:var(--mute);margin:0;font-size:14px}textarea{resize:none;width:100%;font:inherit;color:var(--ink);background:var(--card);border:2.5px solid var(--ink);border-radius:22px;outline:0;padding:16px;font-size:16px}textarea:focus{box-shadow:var(--shadow)}textarea::placeholder{color:var(--mute)}.actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.solid{border:2.5px solid var(--ink);background:var(--accent);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:13px 20px;font-size:14px;font-weight:800;display:inline-flex}.solid:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.solid.sm{padding:8px 14px;font-size:13px}.ghost{border:2.5px solid var(--ink);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:800;display:inline-flex}.ghost.wide{justify-content:center;width:100%;margin-top:18px}.icon{border:2.5px solid var(--ink);background:var(--card);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.composer-close{box-shadow:none;border:1.5px solid #1b151159}.composer-close:hover,.composer-close:focus-visible,.composer-close:active{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:none}.modes{border:1.5px solid var(--ink);background:var(--card);border-radius:16px;gap:2px;margin:16px 0 22px;padding:3px;display:flex}.modes button{color:var(--ink);font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 0;font-size:11px;font-weight:800;display:flex}.modes button.on,.modes button:hover,.modes button:focus-visible{background:var(--surf);color:var(--accent)}.stage{border:1.5px dashed #1b151159;border-radius:32px;place-items:center;gap:14px;width:100%;min-height:230px;margin-bottom:14px;display:grid}.stage img{object-fit:cover;border-radius:28px;width:100%;height:100%;max-height:300px}.stage audio{width:80%;height:34px}.rec{border:3px solid var(--ink);background:var(--roast-color,var(--accent));width:104px;height:104px;color:var(--on-accent);box-shadow:var(--shadow);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;place-items:center;display:grid;transform:rotate(-12deg)}.rec svg{transform:rotate(12deg)}.rec.live{animation:1s infinite wob}.voice-player{background:0 0;border:0;border-radius:0;align-items:center;gap:14px;width:100%;padding:0;display:flex}.voice-stage .voice-player{gap:12px;width:min(90%,420px)}.voice-stage .voice-player-button.rec{width:52px;height:52px}.voice-player-button.rec{border:2.5px solid var(--ink);width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);flex:none;transform:rotate(-8deg)}.voice-player-button.rec svg{transform:rotate(8deg)}.voice-player-track{flex:1;min-width:0}.voice-seek{width:100%;height:20px;accent-color:var(--accent);cursor:pointer;margin:0;display:block}.voice-seek:disabled{opacity:.45;cursor:default}.voice-player-times{color:var(--mute);font:700 10px var(--mono);justify-content:space-between;display:flex}.err{color:var(--accent);font-size:13px;font-weight:800}.note{justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.now{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));border:2.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow);font-family:var(--mono);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:800;display:flex;position:fixed;transform:translate(-50%)}.dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s infinite wob}.orb-core{color:var(--on-accent);flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:none;display:flex;transform:rotate(-14deg)}.orb-core .num{letter-spacing:-.06em;font-size:84px;font-weight:900;line-height:.9;transform:rotate(14deg)}.orb-core .lbl{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:var(--roast-strong);color:var(--on-accent);border:1.5px solid var(--ink);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;transform:rotate(14deg)}.tile{--bean:var(--roast-color,var(--accent));--crease:var(--on-accent);border:1.5px solid var(--accent);background:var(--surf);box-shadow:none;border-radius:14px}.tile.fresh{background:var(--accent);color:#fffdf7;--bean:var(--roast-color,var(--accent));--crease:#fffdf7;box-shadow:none;border-color:#3b2214}.tile.fresh small,.tile.fresh .tile-text small,.tile.fresh .bean-status .tag,.tile.fresh .bean-status-dot,.tile.fresh .bean-retention{color:#f1ddc3}.tile.sent{--bean:var(--roast-color,var(--accent));color:#332f2a;--crease:#f4f0e9;background:#e4e0d8;border-color:#817a70}.tile.sent:not(.photo) .tile-text small,.tile.sent .bean-status .tag,.tile.sent .bean-status-dot,.tile.sent .bean-retention{color:#6d665d}.tile.sent .tr{color:#615b53;background:#f4f0e9;border-color:#817a70}.tile.sent .kind{color:#615b53}.tile.photo.sent{background:#e4e0d8}.tile:hover,.tile:focus-visible{box-shadow:3px 3px 0 var(--ink)}.tile:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.tile-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.tag{font-family:var(--mono);text-transform:uppercase;border:1.5px solid var(--accent);background:var(--bg);color:var(--ink);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.tile .dur{color:inherit;opacity:.8}.bean-expiry{color:var(--mute);white-space:nowrap;font-size:9px;font-weight:700}@media(max-width:480px){.tile .kind{bottom:8px;right:9px}.tile-text b{-webkit-line-clamp:2;font-size:15px}.bean-expiry{line-height:1.3}}.paper .bean-keep{width:100%;margin-top:12px}.detail-bean-actions{align-items:center;gap:8px;margin:12px 0;display:flex}.bean-action-icon{border:1.5px solid var(--accent);background:var(--bg);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;padding:0;transition:background .12s,box-shadow .12s,transform .12s;display:grid}.bean-action-icon:hover,.bean-action-icon:focus-visible{background:var(--surf);box-shadow:3px 3px 0 var(--ink)}.bean-action-icon.on{background:var(--surf);box-shadow:2px 2px 0 var(--ink);transform:rotate(-5deg)}.bean-action-icon:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bean-badge{background:0 0;border:0;border-radius:0;width:44px;height:44px;display:block;position:relative;transform:none}.bean-badge svg{display:block;transform:none}.kchip{border:2px solid var(--ink);background:var(--card);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;bottom:-4px;right:-6px}.modes button{--bean:var(--accent);--crease:var(--on-accent)}.me{place-items:center;padding:0;display:grid;overflow:hidden}.chips{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.chips button{border:2.5px solid var(--ink);background:var(--card);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}.chips button.on{background:var(--ink);color:var(--card)}.empty{text-align:center;padding:40px 0}.center{text-align:center}.actions.tight{justify-content:center;gap:10px;margin:0 0 16px}.qedit{text-align:center;letter-spacing:-.04em;background:0 0;border:0;padding:0;font-size:26px;font-weight:900;line-height:1.1;box-shadow:none!important}.sheet{z-index:30;background:#1b151173;justify-content:center;align-items:flex-end;animation:.2s in;display:flex;position:fixed;inset:0}.sheet-card{width:100%;max-width:480px;max-height:85svh;padding:20px 20px calc(28px + env(safe-area-inset-bottom));background:var(--bg);border:3px solid var(--ink);border-bottom:0;border-radius:32px 32px 0 0;overflow:auto}.sheet-card h2{letter-spacing:-.045em;margin:6px 0 14px;font-size:30px;font-weight:900;line-height:1.05}.sheet-card p{line-height:1.4}.sheet-card img{border:2.5px solid var(--ink);border-radius:22px;width:100%;margin-bottom:12px}.sheet-card audio{width:100%}.sheet-card .row-head{margin-top:0}.me-hero{place-items:center;margin:8px 0 6px;display:grid}.me-hero svg{transform:rotate(-6deg)}.card{background:var(--card);border:2.5px solid var(--ink);box-shadow:var(--shadow);border-radius:26px;margin:0 0 16px;padding:16px}.card .mono{margin-bottom:10px}.card .chips{margin:0}.line{border:0;border-bottom:2.5px dashed var(--ink);width:100%;font:inherit;color:var(--ink);background:0 0;outline:0;padding:6px 0;font-size:17px;font-weight:700}.stamps{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.stamps span{aspect-ratio:1;border:2.5px dashed var(--ink);border-radius:50%;place-items:center;display:grid}.stamps span.on{background:var(--accent);color:var(--on-accent);border-style:solid;transform:rotate(-12deg)}.loyalty p:last-child{margin:0;font-size:14px;font-weight:700}:root{--sans:"DM Sans",ui-rounded,"SF Pro Rounded",ui-sans-serif,system-ui,sans-serif;--display:"Fraunces",Georgia,serif;--bg:#f4ecdd;--card:#fffdf7;--ink:#1b1511;--mute:#7a6c5e;--accent:#74401f}body{font-family:var(--sans)}h1,.bubble h2,.sheet-card h2,.brand,.qedit{font-family:var(--display);letter-spacing:-.045em;font-weight:600}h1 i{border-radius:18px;padding:0 11px 5px;font-style:normal}.brand{letter-spacing:-.06em;gap:7px;font-size:30px;font-weight:700}.brand-bean{place-items:center;padding:1px 2px;display:grid;transform:rotate(-17deg)}.brand-bean svg{stroke-width:1.6px}.me{background:var(--card);border-radius:48% 52% 55% 45%/52% 46% 54% 48%;transform:rotate(5deg)}.me svg{transform:rotate(-5deg)}.bubble{box-shadow:5px 6px 0 var(--ink);background:var(--card);border-radius:42px 38px 44px 36px;padding:38px 25px;transform:rotate(-1.2deg)}.bubble h2{max-width:340px;font-size:32px}.bubble:after{border-radius:4px 0 0}.qedit{font-size:28px;font-weight:600}.tile-text b{font-family:var(--display);letter-spacing:-.02em;font-size:17px;font-weight:600}.tag,.mono,.link,.lbl{font-family:DM Sans,sans-serif}.bean-badge svg ellipse{stroke-linecap:round;stroke-linejoin:round}.bean-badge{transform:rotate(-4deg)}.card{background:var(--card);border-radius:28px}.card .mono{font-weight:700}.stamp-count{font-family:var(--display);font-size:18px;font-weight:600}.stamps span{background:var(--card)}.stamps span.on{background:var(--accent);transform:rotate(-8deg)}.stamps span small{font-family:var(--display);color:var(--accent);font-size:19px;font-weight:700;transform:rotate(-7deg)}.loyalty-claim-icon{margin:4px auto 0}.claim-note{color:var(--mute);margin-top:9px;font-size:11px;line-height:1.35;display:block}.privacy-card{padding-bottom:12px}.privacy-row{border-top:1.5px dashed #b8aa9a;align-items:flex-start;gap:11px;padding:10px 0;display:flex}.privacy-row:first-of-type{border-top:0}.privacy-row b,.privacy-row small{display:block}.privacy-row b{font-size:14px}.privacy-row small{color:var(--mute);margin-top:2px;font-size:12px;line-height:1.35}.privacy-bean{border:2px solid var(--ink);width:34px;height:34px;color:var(--accent);background:#f4ecdd;border-radius:50%;flex:none;place-items:center;display:grid}@font-face{font-family:DM Sans;src:url(/static/fonts/dmsans.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{--display:"DM Sans",ui-rounded,ui-sans-serif,system-ui,sans-serif;--sans:"DM Sans",ui-rounded,ui-sans-serif,system-ui,sans-serif}h1,.sheet-card h2,.brand,.qedit,.orb-core .num,.tile-text b,.stamp-count{font-family:var(--display);letter-spacing:-.04em;font-weight:800}h1{font-size:42px;line-height:1.05}.brand{gap:8px;font-size:29px}.sheet-card h2{font-size:28px;line-height:1.1}.tile-text b{font-size:16px}.page-heading{color:var(--ink);font-family:var(--display);margin:0 0 12px;font-size:42px;font-weight:800;line-height:1.05}.row-head .page-heading{margin:0}.brand .beanmark{color:inherit;overflow:visible;transform:none}.sheet{padding:calc(env(safe-area-inset-top) + 28px) 0 0}.sheet-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-wrap:anywhere;min-height:0;max-height:100%;padding-bottom:calc(40px + env(safe-area-inset-bottom));overflow-y:auto}.sheet-card img{object-fit:cover;max-height:45vh}.wonder-page .page-heading{margin-top:10px}.wq{color:var(--mute);font-family:var(--sans);text-align:center;margin:14px 0 16px;font-size:24px;font-weight:600;line-height:1.2}.qm{color:var(--accent)}.wonder-page .wq{margin-top:42px}textarea.qedit.wq{field-sizing:content;text-align:center;width:100%;min-height:1.2em;font-family:var(--sans);color:var(--mute);box-shadow:none;background:0 0;border:0;border-bottom:1.5px dashed #1b151159;border-radius:0;padding:0 0 3px;font-size:22px;font-weight:600;line-height:1.2}.settings .profile-reading{font-family:var(--sans);color:var(--mute);border-bottom:1.5px dashed #1b151159;padding:0 0 3px;font-size:22px;font-weight:600;line-height:1.2}.settings .profile-reading:focus{border-bottom-color:var(--accent)}.usual-order-custom{align-items:center;gap:8px;margin:-6px 0 16px;display:flex}.usual-order-input{min-width:0;color:var(--ink);font:600 14px/1.3 var(--sans);background:0 0;border:0;border-bottom:1.5px dashed #1b151159;border-radius:0;outline:0;flex:1;padding:8px 4px 5px}.usual-order-input:focus{border-bottom-color:var(--accent)}.usual-order-input::placeholder{color:var(--mute)}.usual-order-custom .home-quick-link{border-radius:12px;flex:none;min-height:36px;padding:7px 13px;font-size:12px}textarea.ans{border:0;border-bottom:2.5px solid var(--ink);box-shadow:none;background:0 0;border-radius:0;padding:8px 0 12px;font-size:19px}textarea.ans:focus{box-shadow:none;border-bottom-color:var(--accent)}.send{border:2.5px solid var(--ink);background:var(--ink);width:100%;color:var(--card);font-family:var(--sans);box-shadow:4px 4px 0 var(--accent);border-radius:999px;justify-content:space-between;align-items:center;margin-top:28px;padding:7px 7px 7px 24px;font-size:17px;font-weight:700;display:flex}.send:active{box-shadow:2px 2px 0 var(--accent);transform:translate(2px,2px)}.send span{background:var(--accent);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.pill .plus.on{background:var(--ink);width:auto;color:var(--card);padding:0 13px}.back{margin:4px 0 8px;display:inline-block}.paper{background:var(--surf);border:1.5px solid var(--accent);box-shadow:6px 6px 0 var(--ink);border-radius:30px;margin-top:10px;padding:22px 20px}.page-title{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:10px 0 14px;font-size:28px;font-weight:800;line-height:1.12}.paper p{overflow-wrap:anywhere;font-size:17px;line-height:1.5}.paper p.mono{font-size:11px;line-height:1.3}.paper img{border:2.5px solid var(--ink);border-radius:20px;width:100%;margin-bottom:12px;display:block}.paper audio{width:100%}.spines{align-items:flex-end;gap:7px;padding:0 6px;display:flex;overflow-x:auto}.spine{border:2.5px solid var(--ink);border-radius:9px 9px 2px 2px;flex:none;place-items:center;width:46px;padding:26px 0 8px;display:grid;position:relative;overflow:hidden}.spine:before{content:"";opacity:.35;background:currentColor;height:5px;position:absolute;top:11px;left:0;right:0}.spine span{writing-mode:vertical-rl;font-family:var(--display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-height:100%;font-size:13px;font-weight:800;overflow:hidden;transform:rotate(180deg)}.spine.t0{background:var(--accent);color:var(--on-accent)}.spine.t1{background:var(--card);color:var(--ink)}.spine.t2{background:var(--ink);color:var(--card)}.spine.add{height:120px;color:var(--ink);background:0 0;border-style:dashed;padding:0}.spine.add:before{display:none}.cup{color:var(--ink);align-self:flex-end;margin-left:auto;padding:0 4px 3px}.plank{background:var(--ink);height:14px;box-shadow:0 5px 0 var(--accent);border-radius:6px}.addbook{background:0 0;border:0;border-radius:0;align-items:center;gap:10px;margin:12px 0 16px;padding:0;display:flex}.addbook input{min-width:0;color:var(--ink);font:500 15px/1.3 var(--sans);background:0 0;border:0;border-bottom:1.5px dashed #1b151159;border-radius:0;outline:0;flex:1;padding:8px 4px}.addbook input::placeholder{color:var(--mute)}.addbook input:focus{border-bottom-color:var(--accent)}.addbook .home-quick-link{flex:none;min-height:38px;padding:8px 14px}.booktitle{font-family:var(--display);letter-spacing:-.04em;margin:8px 0 6px;font-size:34px;font-weight:800;line-height:1.05}.sipform{align-items:flex-end;gap:12px;margin:16px 0 14px;display:flex}.line.pg{flex:none;width:64px}.sipform textarea.ans{flex:1}.sips{margin-top:22px}.sip{background:var(--card);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:22px;margin-bottom:14px;padding:14px 16px;position:relative;overflow:hidden}.sip:nth-child(odd){transform:rotate(-.6deg)}.sip:nth-child(2n){transform:rotate(.5deg)}.sip:after{content:"";border:3px solid var(--accent);opacity:.25;border-radius:50%;width:48px;height:48px;position:absolute;top:-14px;right:-14px}.sip p{margin:6px 0 0;font-size:16px;line-height:1.4}.me svg,.me-hero svg{transform:none}.tile-l{align-items:center;gap:6px;display:flex}.tile-l svg{flex:none}.bagline{overflow-wrap:anywhere;opacity:.9}.bagrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 4px;font-size:12px;font-weight:800;display:flex}.pop{border:1.5px solid var(--accent);background:var(--surf);width:min(92vw,420px);max-width:92vw;max-height:80dvh;color:var(--ink);box-shadow:6px 6px 0 var(--ink);overscroll-behavior:contain;border-radius:30px;padding:0;overflow:auto}.pop::backdrop{background:#1b151180}.pop-in{padding:18px 20px 22px;position:relative}.pop-body{position:relative}.pop-in.confirming-delete:after{content:"";z-index:2;border-radius:inherit;pointer-events:auto;background:#7a6c5e6b;position:absolute;inset:0}.pop-top-actions{align-items:center;gap:8px;margin:0 0 14px;display:flex}.pop-top-actions .bean-top-tools{gap:5px}.pop-top-actions .pop-byrow{white-space:nowrap;flex:1;gap:6px;min-width:0;margin:0;font-size:10px;overflow:hidden}.pop-top-actions .by-inline{flex:none;margin:0}.pop-byline-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pop-open{flex:none;margin:0;padding:8px 12px;font-size:12px}.pop .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pop .actions.pop-bean-actions{justify-content:flex-start;gap:7px}.pop .actions.pop-bean-actions.confirming{z-index:3;border:1.5px solid var(--accent);background:var(--surf);box-shadow:2px 2px 0 var(--ink);border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding:10px;display:grid;position:relative}.pop-delete-confirm-copy{color:var(--ink);font:800 11px var(--mono);text-align:center;grid-column:1/-1}.pop .actions.pop-bean-actions.confirming .bean-shelf-action{justify-content:center;width:100%;min-width:0}.pop .actions .bean-shelf-action{background:var(--surf);min-height:36px;color:var(--accent);border:1.5px solid #74401f8c;border-radius:13px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.pop .actions .bean-shelf-action:hover,.pop .actions .bean-shelf-action:focus-visible{border-color:var(--accent);background:var(--surf-2);box-shadow:2px 2px 0 var(--ink)}.pop .actions .bean-shelf-action.bean-delete-confirm{border:2px solid var(--ink);background:var(--accent);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink)}.pop .actions .bean-delete-confirm .delete-confirm-icon{stroke-width:2.5px;flex:none;width:22px;height:22px;display:block}.pop .actions .bean-shelf-action.bean-delete-confirm:hover,.pop .actions .bean-shelf-action.bean-delete-confirm:focus-visible{border-color:var(--ink);color:var(--on-accent);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)}.pop .actions .popup-delete-trigger{border:2px solid var(--ink);background:var(--accent);width:40px;min-width:40px;height:40px;color:var(--on-accent);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;flex:none;place-items:center;margin:0;padding:0;transition:transform .12s,box-shadow .12s,background .12s;display:grid;transform:rotate(-8deg);box-shadow:3px 3px #1b1511b8}.pop .actions .popup-delete-trigger:hover,.pop .actions .popup-delete-trigger:focus-visible{color:var(--on-accent);background:#8a5230;transform:translate(1px,1px)rotate(0);box-shadow:2px 2px #1b1511b8}.pop .actions>button{white-space:nowrap;flex:0 auto;justify-content:center;min-width:0;margin:0;padding:10px 12px;font-size:12px}.pop-close{border:2px solid var(--ink);background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;flex:none;place-items:center;padding:0;transition:background .12s,box-shadow .12s,transform .12s;display:grid;transform:rotate(-6deg);box-shadow:2px 2px #1b151180}.pop-close:hover,.pop-close:focus-visible{box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)rotate(0)}.pop img{object-fit:cover;border:2.5px solid var(--ink);border-radius:20px;width:100%;max-height:40vh;margin-bottom:12px;display:block}.pop audio{width:100%}.pop p{overflow-wrap:anywhere;font-size:16px;line-height:1.45}.pop p.mono{font-size:11px}.pop .page-title{font-size:26px}.pop .actions{margin-top:18px}.pop .actions .ghost{border:1.5px solid var(--accent);background:var(--bg);color:var(--ink)}.pop .actions .ghost:hover,.pop .actions .ghost:focus-visible{box-shadow:3px 3px 0 var(--ink)}.pop .actions .pop-favourite{border:2.5px solid var(--ink);width:42px;height:42px;min-height:42px;color:var(--on-accent);box-shadow:3px 3px 0 var(--ink);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;place-items:center;padding:0;display:grid;transform:rotate(-8deg);background:var(--accent)!important}.pop .actions .pop-favourite svg{transform:rotate(8deg)}.pop .actions .pop-favourite:hover,.pop .actions .pop-favourite:focus-visible{color:var(--accent);box-shadow:3px 3px 0 var(--ink);background:var(--surf)!important}.bean-keep-under-title{flex:none;width:fit-content;min-height:34px;margin:0 0 12px;padding:7px 10px;font-size:12px}.paper .bean-keep-under-title{width:fit-content}.bean-keep[aria-pressed=true]{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.spines{align-items:flex-end}.bag{flex:none;width:96px;height:115px;position:relative}.bag svg{position:absolute;inset:0}.bagtitle{text-align:center;width:52%;height:20%;font-family:var(--sans);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;font-size:9.5px;line-height:1.05;display:flex;position:absolute;top:40%;left:22%}.bagtitle b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:800;display:-webkit-box;overflow:hidden}.bagtitle small{max-width:100%;font:700 6px/1 var(--mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;opacity:.82;margin-top:2px;display:block;overflow:hidden}.bagbadge{border:2px solid var(--ink);background:var(--ink);min-width:22px;height:22px;color:var(--card);font:800 11px var(--sans);border-radius:999px;place-items:center;padding:0 6px;font-style:normal;display:grid;position:absolute;top:-4px;right:-2px}.bagbadge.unread{color:var(--ink)}.bag.add{border:2.5px dashed var(--ink);border-radius:14px;place-items:center;width:80px;height:100px;display:grid}.baghead{align-items:center;gap:14px;min-width:0;margin:6px 0 4px;display:flex}.baghead .booktitle{overflow-wrap:anywhere;margin:0 0 4px}.baghead-info{flex:1;min-width:0}.baghead-info>.mono{overflow-wrap:anywhere;line-height:1.3}.bag-created-by{color:var(--mute);font:600 10px var(--mono);text-transform:uppercase;margin-top:4px;display:block}.bag-head-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:7px;margin-left:8px;display:flex}.bag-action-icon{border:2px solid var(--ink);background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;flex:none;place-items:center;padding:0;transition:transform .12s,box-shadow .12s,background .12s;display:grid;box-shadow:3px 3px #1b1511b8}.bag-action-icon:hover,.bag-action-icon:focus-visible{background:#8a5230;transform:translate(1px,1px)rotate(0);box-shadow:2px 2px #1b1511b8}.bag-action-icon:active{box-shadow:none;transform:translate(3px,3px)}.bag-head-actions .delete-bag{border-radius:50%;transform:rotate(-3deg)}.bag-head-actions .bag-add-bean{transform:rotate(8deg)}.bag-delete-confirm{color:var(--on-accent)}.baghead .delete-bag{margin:0;line-height:1.2}.bag-delete-warning{color:var(--mute);margin-top:6px;font-size:11px;line-height:1.35;display:block}.bag-empty{color:var(--mute);text-align:left;margin:10px 0 0;padding:0;line-height:1.35}@media(max-width:380px){.baghead{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 8px;display:grid}.baghead>svg{grid-area:1/1;width:58px;height:auto}.baghead-info{grid-area:2/1/auto/-1;width:100%}.bag-head-actions{grid-area:1/2;align-self:start;margin:0}}.bagbeans{margin-top:22px}.pop{height:fit-content;margin:auto;position:fixed;inset:0}.bagicon{flex:none;display:inline-block;position:relative}.bagicon>svg:first-child{display:block}.bb-beans{position:absolute;bottom:-4px;right:-10px;overflow:visible}.bb-cup{width:23px;height:22px;filter:drop-shadow(1px 1px 0 var(--ink));place-items:center;display:grid;position:absolute;bottom:-5px;right:-8px;overflow:visible}.bb-cup .cupbadge{width:22px;height:auto;display:block}.me{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 2px 9px;position:relative;overflow:visible;transform:none}.me:after{content:"";border:2px solid var(--ink);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;bottom:0;left:50%}.me.on:after{background:var(--accent);border-color:var(--accent)}.me:active{transform:scale(.9)}.orb{flex-direction:column;align-items:center;height:auto;margin:0 0 18px;display:flex}.brewcup{display:block;overflow:visible}.row-head.sec{margin-top:26px}.spacer{width:40px}.seg{border-bottom:2px solid var(--ink);gap:24px;margin:6px 0 20px;display:flex}.seg button{font:800 18px var(--sans);letter-spacing:-.02em;color:var(--mute);margin-bottom:-2px;padding:0 0 8px}.tabs{gap:18px;margin:0 0 20px;display:flex}.tabs button{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding-bottom:3px}.orb{place-items:center;height:290px;margin:0 0 10px;display:grid}.cupbadge{display:block;transform:rotate(-4deg)}.send{color:var(--ink);border:2.5px solid var(--ink);box-shadow:none;background:0 0;border-radius:20px 26px 18px 28px/26px 18px 28px 20px;padding:16px 20px;transition:background .15s,color .15s,border-color .15s}.send span{background:0 0;border-radius:0;width:auto;height:auto}.send:active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none;transform:none}@media(hover:hover){.send:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}}.send:disabled,.send:disabled:hover,.send:disabled:active{border-color:var(--ink);color:var(--ink);background:0 0}.me.on{box-shadow:none}.plank{border-top:2.5px solid var(--ink);height:0;box-shadow:none;background:0 0;border-radius:0}.orb-mug{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.cuplbl{border:1.5px solid var(--ink);background:var(--roast-strong);width:fit-content;color:var(--on-accent);font:800 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;margin:-14px auto 7px;padding:4px 10px;display:block;position:relative}.cupbadge{overflow:visible}.shelfbox{margin:18px 0 8px}.shelfrow{margin-bottom:22px}.spines{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;padding:0 2px;display:grid;overflow:visible}.bag{aspect-ratio:100/120;width:100%;height:auto}.bag svg{width:100%;height:100%}.bagtitle{font-size:clamp(7.5px,2.3vw,9.5px)}.bag.add{isolation:isolate;width:100%;height:auto;color:var(--on-accent);background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:relative}.bag.add:before{z-index:-1;border:2px solid var(--ink);background:var(--accent);content:"";border-radius:52% 48% 50% 50%/58% 58% 42% 42%;width:42px;height:42px;transition:transform .12s,box-shadow .12s,background .12s;position:absolute;transform:rotate(-7deg);box-shadow:3px 3px #1b1511b8}.bag.add:hover:before,.bag.add:focus-visible:before{background:#8a5230;transform:translate(1px,1px)rotate(0);box-shadow:2px 2px #1b1511b8}.bag.add:active:before{box-shadow:none;transform:translate(3px,3px)}.plank{border-top:5px solid var(--accent);height:0;box-shadow:none;background:0 0;border-radius:5px;margin-top:-1px}.bagtitle{color:#f4ecdd;width:76%;height:30%;font-size:clamp(6.5px,2vw,8.5px);top:44%;left:12%}.bagtitle b{text-transform:uppercase;letter-spacing:.14em;-webkit-line-clamp:3;font-weight:700;line-height:1.25}.spines{z-index:0;gap:6px;margin-bottom:-4px;position:relative}.plank{border:2.5px solid var(--ink);z-index:1;background:linear-gradient(#efd9b2 0 45%,#d9b785 45% 100%);border-radius:3px;height:14px;margin-top:0;position:relative}.plank:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 40px,#fffdf7 40px 48px);height:5px;position:absolute;bottom:2px;left:8px;right:8px}.bag.add svg{z-index:1;width:26px;height:26px;position:relative}.squigbox{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='10' viewBox='0 0 26 10'%3E%3Cpath d='M0 5Q6.5-1 13 5T26 5' fill='none' stroke='%231B1511' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") 0 100% repeat-x;padding-bottom:14px}.squigbox:focus-within{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='10' viewBox='0 0 26 10'%3E%3Cpath d='M0 5Q6.5-1 13 5T26 5' fill='none' stroke='%2374401F' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}.squigbox textarea.ans{border-bottom:0}.tile .kind{opacity:.85;display:grid;position:absolute;bottom:13px;right:13px}.tile-text{padding-right:24px}.tile.photo .kind{background:var(--surf);width:30px;height:30px;color:var(--ink);opacity:1;border:1.5px solid #74401f;border-radius:50%;place-items:center;box-shadow:2px 2px #1b151173}.tile.photo .tagrow{border:1px solid var(--ink);background:var(--card);color:var(--ink);border-radius:12px;padding:3px 5px}.tile.photo .bean-status-dot,.tile.photo .bean-retention{color:var(--accent)}.tile.photo.fresh .tagrow{background:var(--accent);color:var(--on-accent)}.tile.photo.fresh .bean-status .tag,.tile.photo.fresh .bean-status-dot,.tile.photo.fresh .bean-retention{color:var(--on-accent)}.tile.photo:not(.fresh):not(.sent) .tagrow{background:var(--surf);color:var(--ink)}.tile.photo:not(.fresh):not(.sent) .bean-status .tag{color:var(--ink)}.tile.photo:not(.fresh):not(.sent) .bean-status-dot,.tile.photo:not(.fresh):not(.sent) .bean-retention{color:var(--accent)}.tile.photo.sent .tagrow{color:#332f2a;background:#e4e0d8}.tile.photo.sent .bean-status .tag,.tile.photo.sent .bean-status-dot,.tile.photo.sent .bean-retention{color:#332f2a}.links button{border-bottom:0;padding-bottom:0}textarea.ans,.line.pg{background:var(--surf);box-shadow:none;border:0;border-radius:16px;padding:12px 14px;font-size:17px}textarea.ans:focus,.line.pg:focus{box-shadow:none;background:var(--surf-2)}.line.pg{text-align:center;width:64px}.sipform{align-items:flex-start}.plank{background:linear-gradient(#7b4b2c 0 45%,#4f2c16 45% 100%)}.bagtitle{height:26%;top:54%}.seg{border:0;gap:22px;margin:4px 0 16px}.seg button{margin:0;padding:0 0 8px;position:relative}.seg button.on{color:var(--accent);border-bottom:0}.tabs button{padding:0 0 7px;position:relative}.tabs button.on{color:var(--accent);border-bottom:0}.seg button.on:after,.tabs button.on:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;position:absolute;bottom:0;left:0}.orb{height:330px}.orbring{pointer-events:none;width:300px;height:300px;margin:-150px 0 0 -150px;position:absolute;top:50%;left:50%}.orb-core{width:150px;height:200px}.orbcap{text-align:center;position:absolute;bottom:0;left:0;right:0}.bagpick{margin:6px 0 16px}.bagpick .mono{margin-bottom:8px}.bagpick .line.pg{width:56px;padding:8px 6px;font-size:12px;display:block}.bagpick-options{flex-wrap:wrap;align-items:flex-start;gap:10px 12px;margin:0 0 8px;display:flex}.bagpick-choice{min-width:54px;max-width:84px;color:var(--mute);font:700 9px/1.15 var(--mono);text-align:center;overflow-wrap:anywhere;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.bag-kind-picker{margin:0 0 10px}.bagpick-choice>span:last-child{gap:2px;display:grid}.bagpick-choice small{color:var(--mute);font-size:8px;font-weight:600}.bagpick-icon{border:2px solid var(--ink);background:var(--accent);width:42px;height:42px;color:var(--on-accent);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;flex:none;place-items:center;transition:transform .12s,box-shadow .12s,background .12s,color .12s;display:grid;transform:rotate(-7deg);box-shadow:3px 3px #1b1511b8}.bagpick-icon svg{max-width:30px;max-height:32px;display:block}.bagpick-icon.bagpick-none{background:var(--surf);color:var(--accent)}.bagpick-choice.on,.bagpick-choice:hover,.bagpick-choice:focus-visible{color:var(--accent)}.bagpick-choice.on .bagpick-icon,.bagpick-choice:hover .bagpick-icon,.bagpick-choice:focus-visible .bagpick-icon{color:var(--on-accent);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)rotate(-3deg)}.bagpick-choice.on{color:var(--ink)}.bagpick-choice.on .bagpick-icon{color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#d9a66b;transform:translate(1px,1px)rotate(-4deg)}.bagpick-choice:active .bagpick-icon{box-shadow:none;transform:translate(3px,3px)rotate(0)}.chips button{align-items:center;display:inline-flex}.tonedot{border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.roastline{margin:-6px 0 18px}.home-roast-status{flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;margin:0 0 18px;display:flex}.home-roast-status.all-brewed{margin-top:0}.home-roast-stage{color:var(--ink);font:800 12px var(--mono);text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.home-roast-stage .bean-badge{transform:rotate(-5deg);width:18px!important;height:18px!important}.home-roast-divider{color:var(--mute);font:700 12px var(--mono);flex:none}.home-roast-status .roastline{text-align:left;margin:0;line-height:1.35}.banner{border:2.5px solid var(--ink);background:var(--card);width:100%;box-shadow:3px 3px 0 var(--ink);text-align:left;border-radius:18px;margin:0 0 18px;padding:12px 16px;font-size:14px;font-weight:800;display:block}.cupbadge .steam{display:none}.hot .cupbadge .steam{display:block}.steam path{animation:2.6s ease-in-out infinite steam}.steam path:nth-child(2){animation-delay:.5s}.steam path:nth-child(3){animation-delay:1s}@keyframes steam{0%{opacity:.15;transform:translateY(3px)}50%{opacity:.85}to{opacity:.15;transform:translateY(-4px)}}.roastbar{align-items:center;gap:6px;height:18px;margin:2px 0 7px;display:flex}.roastbar button{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:6px;flex:1 1 0;min-width:0;height:14px;margin:0;padding:0;line-height:0;display:block;transform:none}.roastbar button.unlocked{background:var(--stage-color)}.roastbar button.selected{outline:1px solid var(--accent);outline-offset:0}.roastbar button:disabled{cursor:default;opacity:.45}.roastbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.roasttext{font-family:var(--mono);letter-spacing:0;color:var(--ink);margin:0;font-size:11px;font-weight:600;line-height:1.25}.roasttext .roast-sent-count{color:var(--sent-roast-color);font-weight:800}.party{z-index:50;background:#f4ecdd99;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.drop{height:auto;animation:linear forwards fall;position:absolute;top:0}@keyframes fall{0%{transform:translateY(-14vh)}to{transform:translateY(112vh)}}.party-card{text-align:center;border:3px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);border-radius:30px;padding:26px 30px;animation:.4s both in;position:relative}.party-card h2{letter-spacing:-.04em;text-transform:capitalize;margin:6px 0;font-size:34px;font-weight:800}.party-card p{margin:4px 0}.label{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#ebd2a8;border-radius:10px;margin:14px 0 12px;padding:24px 22px 20px;position:relative}.label:before{content:"";border:1.5px solid var(--ink);pointer-events:none;border-radius:6px;position:absolute;inset:7px}.label-top{font:800 11px var(--sans);letter-spacing:.16em;justify-content:space-between;display:flex}.label-month{font:800 44px/.95 var(--sans);letter-spacing:-.05em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 8px;display:flex}.label-month>span:first-child{overflow-wrap:anywhere;min-width:0}.label-month-mark{flex:none;display:inline-flex;transform:rotate(-5deg)}.label-sub{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin:0}.label-rule{background:var(--ink);height:2px;margin:16px 0}.label-grid{grid-template-columns:repeat(3,1fr);gap:12px 8px;margin:0;display:grid}.label-grid div{margin:0}.label-grid dt{font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.7}.label-grid dd{font:800 28px/1 var(--sans);letter-spacing:-.04em;margin:2px 0 0}.label-k{font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:16px 0 2px}.label-v{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700;line-height:1.3}.label-v.quote{font-style:italic;font-weight:600}.label-roast{border:2px solid var(--ink);font:800 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-top:16px;padding:5px 12px;display:inline-flex}.barcode{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 10px,var(--ink) 10px 13px,transparent 13px 15px);height:32px;margin-top:16px}.brand svg{color:inherit;overflow:visible;transform:rotate(-6deg)}.avatar{display:block;overflow:visible}.me .avatar{margin-top:2px}.me-hero .avatar{filter:drop-shadow(0 2px #1b151114)}.chargrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.charbtn{border:2.5px solid var(--ink);background:var(--card);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--ink);border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:10.5px;font-weight:800;line-height:1.15;display:flex}.charbtn.on{box-shadow:3px 3px 0 var(--ink);background:#fbe3c7;transform:rotate(-1deg)}.charbtn.locked{background:0 0;border-style:dashed}.charbtn.locked .avatar{filter:grayscale();opacity:.4}.charbtn.locked span{opacity:.55}.charbtn small{color:var(--accent);align-items:center;gap:3px;font-size:10px;display:inline-flex}.unlocked{justify-content:center;gap:10px;margin:10px 0 4px;display:flex}.tagrow{align-items:center;gap:4px;display:inline-flex}.tr{border:2px solid var(--ink);background:var(--card);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 3px;font-size:12px;font-style:normal;line-height:1;display:grid}.bean-status{align-items:center;gap:3px;display:inline-flex}.bean-status-wrap{justify-items:end;gap:1px;min-width:0;display:grid}.bean-age{color:var(--mute);font:700 8px/1.1 var(--mono);white-space:nowrap}.bean-status .tag{color:var(--ink);font:700 10px var(--mono);background:0 0;border:0;border-radius:0;padding:0}.bean-status-dot{color:var(--mute);font-size:11px;line-height:1}.bean-retention{color:var(--accent);place-items:center;line-height:1;display:grid}.respond{background:var(--surf);border:1.5px dashed #1b151166;border-radius:18px;margin:18px 0 4px;padding:12px}.respond>.mono{margin:0 0 10px}.respond-heading{color:var(--mute);font:700 11px/1.4 var(--mono);text-transform:none;grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:7px;margin:0 0 10px;display:grid}.pop p.respond-heading,.paper p.respond-heading{font:700 11px/1.4 var(--mono);color:var(--mute)}.respond-heading svg{width:15px;height:15px;color:var(--accent);margin-top:1px;display:block}.respond-heading span{overflow-wrap:anywhere;min-width:0}.reacts{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.bean-icon-button,.bean-heart-button{border:2px solid var(--ink);background:var(--accent);color:#f1ddc3;border-radius:52% 48% 50% 50%/58% 58% 42% 42%;flex:none;place-items:center;width:38px;height:38px;padding:0;transition:background .12s,box-shadow .12s,transform .12s;display:grid;transform:rotate(-6deg);box-shadow:3px 3px #1b1511b3}.bean-icon-button.bean-heart-button{width:40px;height:40px;transform:rotate(-8deg)}.bean-icon-button.bean-heart-button svg{flex:none;width:18px;height:18px;margin:0;display:block;transform:none}.bean-icon-button:not(.bean-heart-button):hover,.bean-icon-button:not(.bean-heart-button):focus-visible{color:var(--pink);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)rotate(-4deg)}.bean-icon-button:not(.bean-heart-button).on{color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#d9a66b;transform:translate(1px,1px)rotate(-4deg)}.bean-icon-button.bean-heart-button:hover,.bean-icon-button.bean-heart-button:focus-visible{color:var(--pink);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)rotate(-4deg)}.bean-icon-button.bean-heart-button.on{background:var(--pink);color:var(--accent);box-shadow:2px 2px 0 var(--ink);transform:rotate(-8deg)}.tile .tr.tile-heart-indicator,.tile .tr.tile-note-indicator{border-color:var(--ink);background:var(--accent);color:#f1ddc3}.respond textarea{background:var(--surf);color:var(--ink);border:1.5px dashed #1b151166;border-radius:14px;padding:10px 12px;font-size:15px}.respond textarea:focus{border-color:var(--accent);box-shadow:none}.respond .actions{gap:10px;margin-top:10px}.respond .actions .mono{color:var(--mute);font-size:10.5px}.notesent{background:var(--surf);overflow-wrap:anywhere;border:1.5px dashed #1b151166;border-radius:14px;margin:0;padding:11px 12px;font-size:15px;font-weight:700;line-height:1.4}.notesent small{font-family:var(--mono);color:var(--mute);margin-top:6px;font-size:10px;font-weight:700;display:block}.incoming .inrow{border-top:1px dashed #1b151140;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 0;display:flex}.incoming-note{background:var(--surf);color:var(--ink);border:1.5px dashed #1b151166;border-radius:14px;flex-basis:100%;padding:8px 10px}.incoming-heart{color:var(--accent);flex:none}.detail-byline-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-byline-row>.byrow{min-width:0;margin:0}.detail-heart-tools,.bean-top-tools{flex:none;align-items:center;gap:6px;display:flex}.bean-shelf-icons{align-items:center;gap:7px;margin-left:0;display:flex}.bean-icon-button:active,.bean-heart-button:active{box-shadow:none;transform:translate(2px,2px)rotate(0)}.heart-count-button{border-radius:52% 48% 50% 50%/58% 58% 42% 42%;place-items:center;gap:0;display:grid;position:relative;overflow:visible}.heart-count-button span{border:1.5px solid var(--ink);min-width:18px;height:18px;color:var(--ink);font:800 9px var(--mono);background:#f1ddc3;border-radius:999px;place-items:center;padding:0 3px;display:grid;position:absolute;top:-7px;right:-7px}.heart-count-button:disabled{opacity:.8;cursor:default}.bean-social-row{justify-content:flex-end;align-items:center;margin:8px 0 12px;display:flex}.reaction-people-pop{border:1.5px solid var(--accent);background:var(--surf);width:min(82vw,300px);max-width:82vw;height:fit-content;max-height:75dvh;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:22px;margin:auto;padding:0;position:fixed;inset:0}.reaction-people-pop::backdrop{background:#1b151159}.reaction-people-content{padding:20px;position:relative}.reaction-people-content>.mono{margin:0 38px 10px 0}.reaction-people-content .page-title{color:var(--accent);align-items:center;gap:7px;margin:0 0 12px;font-size:26px;display:flex}.reaction-people-list{gap:7px;display:grid}.reaction-people-list p{background:#f4ecdd;border:1.5px dashed #1b151159;border-radius:13px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:13px;display:flex}.reaction-people-list svg{color:var(--accent)}.home-quick-links{gap:10px;margin:0 0 24px;display:flex}.blend-scope{margin:4px 0 16px}.blend-kicker{margin:12px 0 4px}.blend-title{margin:0 0 12px;font-size:38px}.blend-bean-total{font:800 34px/.95 var(--sans);letter-spacing:0;text-transform:uppercase;border-bottom:1px solid #1b151159;justify-content:space-between;align-items:baseline;margin:0 0 7px;padding-bottom:7px;display:flex}.blend-bean-total strong{font:800 34px/.95 var(--sans);letter-spacing:0}.blend-sent-received{color:var(--mute);font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;gap:18px;margin:0 0 10px;display:flex}.blend-sent-received span{align-items:center;gap:5px;display:flex}.blend-sent-received b{color:var(--ink);font-size:13px}.label-grid.blend-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:2px}.blend-breakdown dt{letter-spacing:.1em;font-size:9px}.blend-breakdown dd{letter-spacing:0;font-size:20px}.blend-achievements{margin:16px 0 22px}.blend-achievements-title{color:var(--accent);font:800 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;display:flex}.blend-achievements-title svg{stroke-width:2.5px;flex:none}.blend-achievement-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.blend-achievement{background:var(--surf);border:1.5px solid #74401f73;border-radius:13px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.blend-achievement>svg,.blend-achievement>.avatar,.achievement-bean{flex:none}.blend-achievement>span:last-child{gap:2px;min-width:0;display:grid}.blend-achievement strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.blend-achievement small{color:var(--mute);font-size:10px;line-height:1.25}.achievement-bean{place-items:center;width:34px;height:34px;display:grid}.blend-achievements .awards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.blend-achievements .award{background:var(--surf);border:1.5px solid #74401f66;border-radius:13px;padding:8px 5px}.blend-achievements .award b,.blend-achievements .award small{font-size:10px}.composer-modes{justify-content:center;gap:12px;margin:16px 0 22px;display:flex}.composer-modes .composer-mode-icon{border:2px solid var(--ink);background:var(--mode-roast,var(--accent));width:42px;height:42px;color:var(--on-accent);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;flex:none;place-items:center;padding:0;transition:transform .12s,box-shadow .12s,background .12s;display:grid;transform:rotate(-7deg);box-shadow:3px 3px #1b1511b8}.composer-modes .composer-mode-icon:nth-child(2){transform:rotate(5deg)}.composer-modes .composer-mode-icon:nth-child(3){transform:rotate(-3deg)}.composer-modes .composer-mode-icon:hover,.composer-modes .composer-mode-icon:focus-visible{box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)rotate(0)}.composer-modes .composer-mode-icon.on{background:var(--accent);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)rotate(-4deg)}.composer-modes .composer-mode-icon:active{box-shadow:none;transform:translate(3px,3px)rotate(0)}.composer-modes .composer-mode-icon svg{color:inherit;display:block}.wonder-actions .composer-mode-icon{background:var(--accent)}.wonder-actions .composer-mode-icon:hover,.wonder-actions .composer-mode-icon:focus-visible{background:#8a5230}.wonder-actions .composer-mode-icon.on{background:var(--accent)}.composer-destination{background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-width:0;margin:0 0 14px;padding:0;display:flex}.composer-destination-label{flex:none;font-size:9px}.composer-destination-chip{border:1.5px solid var(--accent);background:var(--surf);min-width:0;color:var(--accent);font:800 10px/1.2 var(--mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 0 var(--ink);border-radius:999px;flex:1;padding:8px 11px;display:block;overflow:hidden}.composer-destination .composer-change-space{background:var(--mode-roast,var(--accent));flex:none;width:36px;height:36px;margin:0;transform:rotate(-6deg)}.composer-destination .composer-change-space:hover,.composer-destination .composer-change-space:focus-visible{transform:translate(1px,1px)rotate(0)}.composer-space-notice{border:1.5px dashed var(--accent);margin:8px 0 12px;padding:9px 11px}@supports (color:color-mix(in lab,red,red)){.composer-space-notice{border:1.5px dashed color-mix(in srgb,var(--accent) 55%,transparent)}}.composer-space-notice{background:var(--surf);color:var(--mute);font:700 11px/1.4 var(--mono);text-align:center;border-radius:14px}.composer-modes .home-quick-link:hover,.composer-modes .home-quick-link:focus-visible,.composer-modes .home-quick-link:active{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.home-quick-link{min-width:0;color:var(--ink);background:0 0;border:1.5px solid #1b151159;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:13px;font-weight:800;display:flex}.home-quick-link svg{color:var(--accent);flex:none}.home-quick-link:hover,.home-quick-link:active{border-color:var(--accent);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.home-shortcuts .home-quick-link:hover,.home-shortcuts .home-quick-link:focus-visible,.home-shortcuts .home-quick-link:active{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.home-spaces{border-block:1.5px dashed #1b15114d;margin:0 0 22px;padding:12px 0 14px}.home-spaces-heading{align-items:center;margin:0 0 15px}.home-spaces.collapsed .home-spaces-heading{margin-bottom:0}.home-space-current-selection{min-width:0;color:var(--accent);font:800 9px/1 var(--mono);white-space:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:5px;padding:0 5px;display:flex}.home-space-current-selection strong{color:var(--accent);font:inherit}.home-space-current-selection .home-space-current-scope{text-overflow:ellipsis;min-width:0;overflow:hidden}.home-space-toggle{border:1.5px solid var(--ink);background:var(--surf);width:30px;height:30px;color:var(--accent);box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:grid}.home-space-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.home-space-toggle:hover,.home-space-toggle:focus-visible{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.home-space-controls{border:1.5px solid var(--ink);gap:6px;margin:0 0 10px;padding:8px 10px;display:grid}@supports (color:color-mix(in lab,red,red)){.home-space-controls{border:1.5px solid color-mix(in srgb,var(--ink) 24%,transparent)}}.home-space-controls{background:var(--surf);border-radius:14px}.home-space-controls .home-space-filters{margin-top:3px}.home-space-controls .home-space-strip{margin:0}.home-space-summary{border-top:1px dashed var(--ink);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-top:6px;display:flex}@supports (color:color-mix(in lab,red,red)){.home-space-summary{border-top:1px dashed color-mix(in srgb,var(--ink) 22%,transparent)}}.home-space-summary>span{align-items:baseline;gap:6px;min-width:0;display:flex}.home-space-summary .mono{flex:none;font-size:9px}.home-space-summary strong{max-width:180px;color:var(--ink);font:800 11px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-space-summary-actions{flex:none;align-items:center;gap:7px;display:flex}.home-show-all{border:1.5px solid var(--ink);color:#fffdf7;min-height:30px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;background:#74401f;border-radius:999px;flex:none;padding:5px 10px;font-size:9px;font-weight:800}.home-show-all:hover,.home-show-all:focus-visible{color:#fffdf7;box-shadow:3px 3px 0 var(--ink);background:#8a5230;transform:translate(-1px,-1px)}.home-space-view{justify-content:space-between;align-items:center;gap:8px;display:flex}.home-space-view>.mono{font-size:9px}.home-space-view-options{gap:6px;display:flex}.home-space-view-options button{border:1.5px solid var(--ink);background:var(--surf);min-height:32px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:5px 11px;font-size:10px;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s}.home-space-view-options button.on{color:#fffdf7;box-shadow:3px 3px 0 var(--ink);background:#5b351f}.home-space-view-options button:hover,.home-space-view-options button:focus-visible{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.home-space-filters{border:1.5px solid #1b15114d;border-radius:13px;gap:4px;margin:0 0 9px;padding:3px;display:flex}.home-space-filters button{min-width:0;color:var(--mute);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 4px;font-size:11px;font-weight:800;display:flex}.home-space-filters button.on{background:var(--surf);color:var(--accent);box-shadow:none}.home-space-filters button small{font:700 9px var(--mono);opacity:.75}.home-space-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:8px;margin:0 -2px;padding:2px 2px 8px;display:flex;overflow-x:auto}.home-space-option{border:1.5px solid var(--ink);background:var(--surf);width:max-content;min-width:0;max-width:84%;min-height:42px;color:var(--ink);text-align:left;scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 8px;transition:transform .12s,box-shadow .12s;display:flex}.home-space-option.active{border-color:var(--ink);color:#fffdf7;box-shadow:3px 3px 0 var(--ink);background:#5b351f}.home-space-option.active .home-space-copy small{color:#f1ddc3}.home-space-option:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.space-bean-mark{--bean:var(--roast-color,var(--accent));--crease:var(--on-accent);flex:none;justify-content:center;align-items:center;width:29px;height:28px;display:flex}.space-bean-mark.single>*{width:25px!important;height:25px!important}.space-bean-mark.multiple>*{filter:drop-shadow(1px 1px 0 var(--ink));margin-left:-8px;width:22px!important;height:22px!important}.space-bean-mark.multiple>:first-child{margin-left:0;transform:rotate(-8deg)}.space-bean-mark.multiple>:last-child{transform:rotate(8deg)}.home-space-copy{flex:1;gap:2px;min-width:0;display:grid}.home-space-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.home-space-copy small{color:var(--mute);font:700 8px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-space-bean-groups{gap:12px;margin-top:8px;display:grid}.home-space-bean-group{border-top:1px dashed #1b151147;min-width:0;padding-top:10px}.home-space-bean-group .row-head{margin:0 0 9px}.home-space-bean-group .row-head>.mono{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-space-bean-group .row-head>.link{flex:none}.home-space-more{border:1.5px solid var(--ink);background:var(--surf);color:var(--accent);font:800 10px var(--mono);box-shadow:2px 2px 0 var(--ink);border-radius:999px;margin:9px auto 0;padding:7px 11px;display:block}.home-space-more:hover,.home-space-more:focus-visible{background:var(--surf-2);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.space-select-button{border:1.5px solid var(--ink);color:#fffdf7;min-height:34px;font:800 10px/1.1 var(--mono);box-shadow:2px 2px 0 var(--ink);background:#74401f;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:7px 10px;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.space-select-button:not(:disabled):hover,.space-select-button:not(:disabled):focus-visible{box-shadow:3px 3px 0 var(--ink);background:#8a5230;transform:translate(-1px,-1px)}.space-select-button.selected,.space-select-button:disabled{border-color:var(--ink);background:var(--surf);color:var(--accent);opacity:1}.home-space-current{border:1px solid var(--ink);color:#fffdf7;font:800 7px var(--mono);text-transform:uppercase;background:#74401f;border-radius:999px;flex:none;padding:4px 6px}.home-space-group-option{background:var(--surf);color:var(--ink);border:1px dashed #74401f}.home-space-group-option .home-space-copy small{color:var(--mute)}.home-space-group-option.active{color:#fffdf7;box-shadow:3px 3px 0 var(--ink);background:#5b351f;border:1px dashed #4f2c16}.home-space-group-option.active .home-space-copy small{color:#f1ddc3}.blend-scope .home-quick-link:hover,.blend-scope .home-quick-link:focus-visible,.blend-scope .home-quick-link:active{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.home-quick-link.on{border-color:var(--accent);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.blend-scope .home-quick-link.on{background:var(--surf)}.wonder-actions{justify-content:center}.delete-bag{flex:none;width:100%;margin-top:18px;line-height:1.35}.delete-bag:hover,.delete-bag:focus-visible,.delete-bag:active{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.bag-head-actions .delete-bag:hover,.bag-head-actions .delete-bag:focus-visible{border-color:var(--ink);color:var(--on-accent);background:#8a5230;transform:translate(1px,1px)rotate(0);box-shadow:2px 2px #1b1511b8}.shelf-switch .home-quick-link.on,.shelf-switch .home-quick-link:hover,.shelf-switch .home-quick-link:focus-visible{box-shadow:3px 3px 0 var(--ink)}.top .pill{border:1.5px solid var(--ink);box-shadow:none;background:0 0;border-radius:16px;gap:2px;padding:3px}.top .pill button{min-width:32px;height:34px;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-size:12px;font-weight:800;display:flex}.top .pill button.on,.top .pill button:hover,.top .pill button:focus-visible{background:var(--surf);color:var(--accent);box-shadow:none}.top .pill .plus{background:var(--accent);width:34px;min-width:34px;height:34px;color:var(--on-accent);border:0;border-radius:12px;margin:0;padding:0}.top .pill .plus.on,.top .pill .plus:hover,.top .pill .plus:focus-visible{background:var(--accent);width:auto;color:var(--on-accent);padding:0 8px}.settings .card{margin-bottom:26px}.settings .card .sub{margin:16px 0 10px}.settings .chips button{align-items:center;gap:6px;display:inline-flex}.settings .chips button small{opacity:.7;font-size:11px}.settings .chips button.locked{opacity:.55;background:0 0;border-style:dashed}.blendrow{width:100%;color:var(--ink);border-block:2px dashed #1b151159;justify-content:space-between;align-items:center;margin:6px 0 34px;padding:16px 4px;font-size:15px;font-weight:800;display:flex}.blendrow:active{color:var(--accent)}.settings .note{margin:8px 0 18px}.gate{padding-top:18px}.gate .line{font-family:var(--sans);color:var(--ink);border-bottom:1.5px dashed #1b151159;margin:18px 0 20px;padding:0 0 3px;font-size:22px;font-weight:600}.gate .line::placeholder{color:var(--mute)}.gate .line:focus{border-bottom-color:var(--accent)}.gate .line.code{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase}.gate .solid{border:1.5px solid var(--accent);background:var(--surf);width:100%;color:var(--accent);box-shadow:none;border-radius:14px;justify-content:center;align-items:center;margin-top:2px;padding:9px 12px;font-size:12px;display:flex}.gate .solid:hover,.gate .solid:focus-visible{background:var(--surf-2);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.gate .solid:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.gate .solid.circle-submit,.gate .solid.circle-submit:hover,.gate .solid.circle-submit:focus-visible,.gate .solid.login-open,.gate .solid.login-open:hover,.gate .solid.login-open:focus-visible{border:2.5px solid var(--ink);background:var(--accent);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink)}.gate .solid.circle-submit{white-space:nowrap;align-self:center;width:fit-content;min-width:94px;margin-inline:auto;padding:9px 12px}.circle-entry-row .line{min-width:0;font:500 15px/1.3 var(--sans);background:0 0;border:0;border-bottom:1.5px dashed #1b151159;border-radius:0;flex:1;margin:0 0 4px;padding:8px 4px 5px}.circle-entry-row .line::placeholder,.gate .circle-entry-row .line.code::placeholder{color:var(--mute);font:500 15px/1.3 var(--sans);letter-spacing:0;text-transform:none}.circle-entry-row .solid.circle-submit{border-radius:52% 48% 50% 50%/58% 58% 42% 42%;justify-content:center;align-self:auto;align-items:center;width:auto;min-width:72px;margin:0;padding:8px 14px;transition:transform .12s,box-shadow .12s;display:flex;transform:rotate(-9deg)}.circle-entry-row .solid.circle-submit:hover,.circle-entry-row .solid.circle-submit:focus-visible{transform:translateY(-1px)rotate(-5deg)}.circle-entry-row .solid.circle-submit:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)rotate(0)}.gate .solid.circle-submit:active,.gate .solid.login-open:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.gate .solid.login-open{padding:8px 12px}.login-code-row{align-items:flex-end;gap:12px;margin:18px 0 8px;display:flex}.login-code-row .line.code{flex:1;min-width:0;margin:0 0 4px}.login-code-row .solid{flex:none;width:auto;margin:0;padding:8px 12px}.login-change-email{width:fit-content;color:var(--mute);font-family:var(--sans);text-underline-offset:3px;background:0 0;border:0;border-radius:0;margin:8px auto 18px;padding:4px 2px;font-size:12px;font-weight:700;text-decoration:underline;display:block}.login-change-email:hover,.login-change-email:focus-visible{color:var(--accent);box-shadow:none;background:0 0}.circle-choice-buttons{background:0 0;border:0;border-radius:0;gap:8px;margin:10px 0 14px;padding:0;display:flex}.gate .circle-choice-buttons{justify-content:flex-start}.gate .circle-type-choice{flex:0 140px}.circle-type-choice{border:1.5px solid var(--ink);background:var(--surf);min-width:0;min-height:40px;color:var(--ink);text-align:left;box-shadow:2px 2px 0 var(--ink);border-radius:999px;flex:1;justify-content:flex-start;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1.1;transition:background .12s,box-shadow .12s,transform .12s;display:flex}.circle-type-choice .space-bean-mark{width:27px;height:26px}.circle-type-choice .space-bean-mark.single>*{width:23px!important;height:23px!important}.circle-type-choice .space-bean-mark.multiple>*{margin-left:-7px;width:20px!important;height:20px!important}.circle-type-choice .space-bean-mark.multiple>:first-child{margin-left:0}.circle-type-choice.on{background:var(--accent);color:var(--on-accent);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.circle-type-choice:hover,.circle-type-choice:focus-visible{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.circle-type-choice.on:hover,.circle-type-choice.on:focus-visible{color:var(--on-accent);background:#8a5230}.circle-type-choice:active{box-shadow:none;transform:translate(2px,2px)}.gate p{line-height:1.45}.gate .seg{background:0 0;border-color:#1b151159;margin:6px 0 4px}.gate .claim-note{margin-top:14px;display:block}.err:not(.offlineerr){border:1.5px solid var(--accent);background:var(--tint-pink);width:100%;color:var(--ink);text-align:left;border-radius:16px;align-items:center;gap:10px;margin:14px 0 0;padding:10px 12px;font-size:12px;line-height:1.4;display:flex;box-shadow:2px 2px #74401f38}.err:not(.offlineerr):before{content:"!";border:1.5px solid var(--accent);background:var(--pink);width:28px;height:32px;color:var(--accent);font:900 18px/1 var(--sans);border-radius:55% 45% 56% 44%/58% 52% 48% 42%;flex:none;place-items:center;display:grid;transform:rotate(-12deg)}.screen .err:not(.offlineerr){margin:12px 0 16px}.gate .error-alert{width:100%;margin:14px 0 0;padding:12px 14px}.screen .error-alert{width:100%;margin:12px 0 16px;padding:12px 14px}.gate-load-error{justify-items:center;gap:12px;width:100%;max-width:380px;margin:8px auto 0;display:grid}.gate-load-error .error-alert{width:100%;margin:0}.gate-load-error>.solid{width:auto;min-width:120px;margin:0}.send-confirmation{background:var(--tint-green);color:#36513a;width:fit-content;max-width:calc(100% - 32px);font:800 11px/1.3 var(--mono);border:1.5px solid #78936c;border-radius:10px;align-items:center;gap:7px;margin:12px auto;padding:8px 12px;display:flex}.send-confirmation svg{flex:none}.screen .error-fallback .offlineerr{margin:12px 0 16px}.error-reload{align-items:center;gap:7px;margin:14px auto 0;display:flex}.syncerr{border:2px solid var(--ink);background:var(--card);border-radius:16px;margin:0 0 14px;padding:10px 14px}.syncerr.offlineerr{border:1.5px solid var(--accent);background:var(--tint-pink);color:var(--ink);border-radius:16px;align-items:center;gap:12px;margin:12px 20px 16px;padding:12px 14px;display:flex;box-shadow:2px 2px #74401f38}.offlineerr-mark{border:1.5px solid var(--accent);background:var(--pink);width:34px;height:40px;color:var(--accent);font:900 21px/1 var(--sans);border-radius:55% 45% 56% 44%/58% 52% 48% 42%;flex:none;place-items:center;display:grid;transform:rotate(-12deg)}.offlineerr-copy{gap:2px;min-width:0;line-height:1.35;display:grid}.offlineerr-copy strong{color:var(--accent);font-size:14px;font-weight:900}.offlineerr-copy small{color:var(--mute);font-size:12px;font-weight:650}@media(max-width:480px){.gate .error-alert,.screen .error-alert{gap:9px;width:calc(100% - 12px);margin-inline:auto;padding:10px 11px}.error-alert .offlineerr-mark{width:30px;height:36px}.error-alert .offlineerr-copy strong{font-size:13px}.error-alert .offlineerr-copy small{font-size:11px}}.gate .gate-code-error{text-align:left;width:100%;margin:14px 0 0;padding:12px 14px}.gate-rate-limit{color:var(--ink);text-align:left;align-items:center;gap:10px;margin:14px 0 0;display:flex}.gate-rate-limit .offlineerr-mark{flex:none;width:30px;height:34px}.gate-rate-limit .offlineerr-copy strong{font-size:13px}.gate-rate-limit .offlineerr-copy small{font-size:11px}.gate-password-field{border-bottom:1.5px dashed var(--ink);align-items:center;gap:8px;margin:18px 0 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.gate-password-field{border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 38%,transparent)}}.gate-password-field:focus-within{border-bottom-color:var(--accent)}.gate .gate-password-field .line,.gate .gate-password-field .line:focus{background:0 0;border:0;flex:1;width:auto;min-width:0;margin:0;padding:0 0 3px}.gate-password-visibility{width:36px;height:36px;color:var(--mute);box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:0 0 1px;padding:0;display:grid}.gate-password-visibility:hover,.gate-password-visibility:focus-visible{background:var(--surf-2);color:var(--accent);box-shadow:none}.gate-password-visibility:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gate .password-guidance{color:var(--mute);font:600 12px/1.45 var(--sans);text-align:left;margin-top:14px;margin-bottom:-8px}.members{margin:0 0 6px;font-size:17px;font-weight:800}.codebtn{text-align:center;width:100%;font-family:var(--mono);letter-spacing:.28em;color:var(--accent);background:0 0;border:0;border-radius:0;margin:2px 0 8px;padding:10px 16px;font-size:20px;font-weight:800;display:block}.incoming{margin-top:16px}.inrow{overflow-wrap:anywhere;margin:6px 0 0;font-size:15px;line-height:1.35}.inrow b{font-weight:800}.camera-stage{background:var(--card);border:1.5px dashed #1b151159;border-radius:32px;gap:12px;margin-bottom:14px;padding:12px;display:grid}.camera-stage video{object-fit:cover;aspect-ratio:4/3;border:2.5px solid var(--ink);background:#1b1511;border-radius:24px;width:100%;max-height:58svh;display:block}.camera-actions,.photo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.camera-actions .ghost{background:0 0;border:1.5px solid #1b151159;border-radius:14px;min-height:42px;padding:9px 12px}.camera-actions .ghost:hover,.camera-actions .ghost:focus-visible,.camera-actions .ghost:active{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:none}.photo-stage{min-height:260px;padding:16px}.photo-preview-wrap{width:100%;margin-bottom:4px;position:relative}.photo-preview-wrap>img{object-fit:cover;border-radius:20px;width:100%;height:230px;display:block}.photo-preview-remove{border:1.5px solid var(--ink);background:var(--surf);width:34px;height:34px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.photo-preview-remove:hover,.photo-preview-remove:focus-visible{background:var(--surf-2);box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.photo-actions{background:0 0;border:0;border-radius:0;justify-content:center;align-items:flex-start;gap:20px;width:100%;margin-top:6px;padding:0;display:flex}.photo-choice{min-width:0;color:var(--ink);font:800 11px var(--mono);text-transform:uppercase;background:0 0;border:0;flex:1;justify-items:center;gap:8px;padding:0;display:grid}.photo-choice-mark{border:2.5px solid var(--ink);background:var(--roast-color,var(--accent));width:76px;height:76px;color:var(--on-accent);box-shadow:4px 4px 0 var(--ink);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.photo-choice-camera .photo-choice-mark{transform:rotate(-10deg)}.photo-choice-library .photo-choice-mark{transform:rotate(8deg)}.photo-choice:hover .photo-choice-mark,.photo-choice:focus-visible .photo-choice-mark{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)rotate(-5deg)}.photo-choice-library:hover .photo-choice-mark,.photo-choice-library:focus-visible .photo-choice-mark{transform:translate(2px,2px)rotate(4deg)}.photo-choice:active .photo-choice-mark{box-shadow:none;transform:translate(4px,4px)rotate(0)}.caption-composer{background:var(--surf);border:1.5px solid #1b151159;border-radius:16px;width:100%;margin:0 0 12px;padding:10px 14px;transition:border-color .12s}.caption-composer:focus-within{border-color:var(--accent)}.caption-composer .composer-title{width:100%;color:var(--ink);font:800 16px var(--sans);background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:2px 0 9px;display:block}.caption-composer.with-title .composer-title{border-bottom:1px solid #1b151133}.caption-composer .composer-title::placeholder{color:var(--mute)}.caption-composer .caption-field{width:100%;color:var(--ink);font:400 16px/1.45 var(--sans);box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:10px 0 2px;display:block}.caption-composer .caption-field:focus{box-shadow:none;background:0 0;border:0}.pill{box-shadow:none}.tile .tile-top{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:3px 6px;display:grid}.tile .tile-l{grid-area:1/1;min-width:0}.tile .tagrow{grid-area:1/2;align-content:start;justify-items:end;gap:3px;display:grid}.tile .tile-reactions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.tile .tile-byline{width:100%;min-width:0;font:700 10px/1.2 var(--mono);color:var(--mute);grid-area:2/1/auto/-1;align-items:center;gap:5px;margin:0;display:flex}.tile.photo .tile-byline{color:#332f2a;background:#fffdf7eb;border-radius:999px;width:fit-content;max-width:100%;padding:3px 7px}.tile-text{width:100%;min-width:0}.tile-byline-text{white-space:normal;flex:0 auto;min-width:0;line-height:1.2;display:block;overflow:visible}.tile-byline-name{overflow-wrap:anywhere}.byline-avatar{flex:none;align-self:center;margin:0;line-height:0;display:inline-flex}.tile.sent:not(.photo) .tile-byline{color:#6d665d}.tile.sent .bean-age{color:#615b53}@media(max-width:480px){.tile:has(.bagicon) .tile-byline{padding-top:4px}}.tile-text b{overflow-wrap:anywhere;padding-bottom:2px;line-height:1.24}.bean-expiry{white-space:normal;font-size:8px;line-height:1.15}.bean-expiry-footer{color:var(--mute);font:700 9px/1.2 var(--mono);text-align:right;justify-content:flex-end;align-items:center;gap:4px;margin:8px 0 0;display:flex}.bean-expiry-footer svg{color:var(--accent);flex:none}.paper>.bean-expiry-footer{border-top:1px dashed var(--ink);padding-top:10px}@supports (color:color-mix(in lab,red,red)){.paper>.bean-expiry-footer{border-top:1px dashed color-mix(in srgb,var(--ink) 28%,transparent)}}.compact-grid{gap:9px}.home-hero.orb{height:260px;margin:0 0 5px}.home-hero .orbring{width:clamp(220px,75vw,250px);height:clamp(220px,75vw,250px);margin:0;transform:translate(-50%,-50%)}.home-hero .orb-core{width:clamp(112px,40vw,128px);height:clamp(148px,52vw,170px)}.home-hero .orb-core .lbl{text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:4px;min-width:0;max-width:calc(100% - 24px);padding:4px 7px;font-size:clamp(8px,2.5vw,10px);line-height:1.1;display:inline-flex}.home-hero .orb-core .lbl:before{content:"";background:linear-gradient(90deg,#0000 46%,currentColor 48% 53%,#0000 55%);border:1.2px solid;border-radius:60% 40% 55% 45%;flex:none;width:6px;height:9px;transform:rotate(-24deg)}.home-hero .orb-mug .cupbadge{width:clamp(150px,52vw,175px);height:auto}.tile.compact{aspect-ratio:auto;border-radius:12px;grid-template-rows:minmax(0,auto);grid-template-columns:34px minmax(0,1fr);align-content:center;align-items:center;gap:0 5px;height:auto;min-height:62px;padding:5px 5px 5px 4px;display:grid;transform:none}.tile.compact:nth-child(odd),.tile.compact:nth-child(2n){transform:none}.tile.compact>.compact-mark{grid-area:1/1;place-items:center;width:34px;min-width:0;display:grid;position:relative;overflow:visible}.tile.compact .compact-mark>.bean-badge{width:28px!important;height:28px!important}.tile.compact .compact-mark .cupbadge{width:30px;height:28px}.tile.compact .compact-mark .bagicon>svg:first-child{width:28px;height:34px}.tile.compact .compact-mark .bb-beans{width:19px;height:15px;bottom:-2px;right:-5px}.tile.compact .compact-mark .bb-cup{bottom:-1px;right:-4px;transform:scale(.58)}.tile.compact>.compact-main{grid-area:1/2;align-self:center;gap:1px;width:100%;min-width:0;display:grid;position:relative}.tile.compact .compact-title{min-width:0;font:800 12px/1.22 var(--display);letter-spacing:-.02em;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;display:-webkit-box;overflow:hidden}.tile.compact .compact-meta{align-items:center;gap:5px;min-width:0;margin-top:3px;display:flex}.tile.compact .compact-byline{min-width:0;color:var(--mute);font:700 8px/1.15 var(--mono);white-space:nowrap;flex:1;align-items:center;gap:4px;display:flex}.tile.compact.fresh .compact-byline,.tile.compact.fresh .compact-expiry,.tile.compact.fresh .compact-expiry svg{color:#f1ddc3}.tile.compact.sent .compact-byline{color:#6d665d}.tile.compact .compact-byline .compact-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.tile.compact .compact-byline .compact-avatar{flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex;overflow:visible}.tile.compact .compact-expiry{width:auto;min-width:0;color:var(--mute);font:700 8px/1 var(--mono);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:3px;margin:0;display:inline-flex}.tile.compact .compact-expiry svg{color:var(--accent);flex:none}.tile.compact .compact-expiry small{overflow-wrap:anywhere;text-align:left;min-width:0}.tile.compact .compact-alerts{color:var(--accent);flex:none;align-items:center;gap:3px;margin-left:0;display:inline-flex}.tile.compact.sent .compact-alerts{color:#615b53}.tile.compact.sent.has-unread-activity .compact-alerts{color:#c65e78}.tile.compact .compact-alerts svg{flex:none}.tile.compact.fresh .compact-alerts{color:#f1ddc3}.by-inline{margin-right:7px;line-height:0;display:inline-block}.byrow{align-items:center;display:flex}.titlein{background:var(--surf);width:100%;font:inherit;color:var(--ink);border:0;border-radius:16px;outline:0;margin:0 0 10px;padding:12px 14px;font-size:17px;font-weight:700}.swatches{flex-wrap:wrap;gap:10px;margin:2px 0 10px;display:flex}.swatches button{border:2.5px solid var(--ink);border-radius:50%;width:30px;height:30px}.swatches button.on{box-shadow:0 0 0 3px var(--card),0 0 0 5.5px var(--ink)}.avstack{flex:none;display:flex}.avstack svg{margin-right:-8px}.circle-title{overflow-wrap:anywhere}.seg,.seg-boxes,.chips{border:1.5px solid var(--ink);background:var(--card);border-radius:16px;align-items:center;gap:2px;padding:3px;display:flex}.seg,.seg-boxes{width:100%}.tabs{background:0 0;border:0;border-radius:0;gap:18px;margin:0 0 20px;padding:0;display:flex}.chips{flex-wrap:wrap}.seg-boxes{margin:4px 0 16px}.seg button,.seg-boxes button{min-width:0;min-height:38px;color:var(--mute);font-family:var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;margin:0;padding:8px 10px;font-size:13px;font-weight:800;display:flex;position:static}.chips button{min-width:0;max-width:100%;min-height:36px;color:var(--mute);font:800 13px var(--sans);overflow-wrap:anywhere;background:0 0;border:0;border-radius:12px;flex:0 auto;justify-content:center;align-items:center;gap:6px;margin:0;padding:7px 11px;display:inline-flex}.seg button.on,.seg-boxes button.on,.chips button.on,.seg button:hover,.seg button:focus-visible,.seg-boxes button:hover,.seg-boxes button:focus-visible,.chips button:hover,.chips button:focus-visible{background:var(--surf);color:var(--accent);box-shadow:none}.seg-boxes.shelf-switch button.on{border:1.5px solid var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.seg button.on:after{display:none}.tabs button:hover,.tabs button:focus-visible{color:var(--mute);box-shadow:none;background:0 0}.tabs button.on,.tabs button.on:hover,.tabs button.on:focus-visible{color:var(--accent);box-shadow:none;background:0 0}.tabs button.on:after{display:block}.blend-space-filters{margin:8px 0}.blend-space-strip{margin-bottom:16px}.tabs.shelf-filters{margin-top:6px}.shelf-filters button{border-radius:12px;padding:8px 6px}.shelf-filters button.on,.shelf-filters button.on:hover,.shelf-filters button.on:focus-visible{background:var(--surf);color:var(--accent);box-shadow:none}.shelf-filters button.on:after{display:none}.shelf-filters-wrap{z-index:7;margin:0;position:relative}.shelf-controls-row{justify-content:space-between;align-items:center;gap:8px;margin:10px 0 14px;display:flex}.shelf-controls-row>.shelf-filters-wrap{flex:0 auto;width:max-content;min-width:0;max-width:100%}.shelf-controls-row .shelf-filter-trigger{width:max-content;min-width:0;max-width:min(320px,100%)}.shelf-view-control{flex:none;align-items:center;gap:6px;display:flex}.shelf-view-control>.mono{font-size:9px}.shelf-view-options{border:1.5px solid var(--ink);gap:2px;padding:3px;display:flex}@supports (color:color-mix(in lab,red,red)){.shelf-view-options{border:1.5px solid color-mix(in srgb,var(--ink) 30%,transparent)}}.shelf-view-options{border-radius:12px}.shelf-view-options button{min-height:29px;color:var(--mute);font:800 9px/1 var(--mono);white-space:nowrap;background:0 0;border-radius:9px;padding:5px 8px}.shelf-view-options button.on{background:var(--surf);color:var(--accent)}.shelf-filter-trigger{width:max-content;max-width:min(100%,360px);min-height:42px}.shelf-filter-trigger>svg:last-child{color:var(--accent);flex:none;transition:transform .12s}.shelf-filter-trigger.active>svg:last-child{color:#f1ddc3;transform:rotate(180deg)}.shelf-filter-menu{z-index:15;border:1.5px solid var(--ink);background:var(--surf-2);width:min(340px,100vw - 40px);box-shadow:4px 4px 0 var(--ink);border-radius:18px;gap:12px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.shelf-filter-section{min-width:0}.shelf-filter-section>.mono{color:var(--mute);text-transform:uppercase;margin:0 0 6px;font-size:9px}.shelf-filter-choices{flex-wrap:wrap;gap:6px;display:flex}.shelf-filter-choice.home-space-option{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;width:max-content;min-width:0;max-width:100%;min-height:32px;padding:5px 10px;font-size:10px;font-weight:800;display:flex;overflow:hidden}.shelf-filter-member-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.shelf-filter-choice:disabled,.shelf-filter-choice:disabled:hover,.shelf-filter-choice:disabled:focus-visible{color:var(--mute);box-shadow:none;filter:grayscale();opacity:.42;cursor:not-allowed;background:0 0;border-color:#0000;transform:none}.shelf-bags-view{padding-top:20px}.shelf-member-filters{align-items:center;min-height:38px;margin:0 0 12px;display:flex}.settings .swatches button.taken{opacity:.28;filter:grayscale();cursor:not-allowed}.seg button:active,.seg-boxes button:active,.chips button:active{box-shadow:none;transform:none}.settings .card{border:1.5px solid var(--accent);background:var(--surf);box-shadow:none;border-radius:14px;margin-bottom:16px}.settings-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;list-style:none;display:flex}.settings-section summary::-webkit-details-marker{display:none}.settings-section summary>span{min-width:0;display:block}.settings-section summary strong{font-size:14px;font-weight:800;display:block}.screen.settings .settings-section summary strong{font-family:var(--mono);letter-spacing:.06em;color:var(--ink);text-transform:uppercase;font-size:11px;font-weight:700}.screen.settings .card>.mono,.screen.settings .row-head>.mono{color:var(--ink)}.settings-section summary small{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.settings-chevron{border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);flex:none;width:9px;height:9px;transition:transform .15s;transform:rotate(45deg)}.settings-section[open] .settings-chevron{transform:rotate(225deg)}.settings-section[open] summary{border-bottom:1px solid #1b151133;margin-bottom:12px;padding-bottom:12px}.settings-section-body{min-width:0}.face-icon-choices{align-items:center;gap:9px;margin:0 0 14px;display:flex}.face-icon-choice{width:42px;height:42px}.face-icon-choice svg{flex:none;display:block}.settings .chips{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;display:flex}.settings .chips button{min-height:38px;color:var(--ink);background:0 0;border:1.5px solid #1b151159;border-radius:14px;flex:0 auto;padding:8px 11px;font-size:13px;font-weight:800}.settings .chips button.on,.settings .chips button:not(.locked):hover,.settings .chips button:not(.locked):focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:2px 2px 0 var(--ink)}.settings .chips button.locked{opacity:.55;background:0 0;border:1px dashed #1b151159}.settings .swatches button{border:1.5px solid #1b151173}.settings .swatches button.on,.settings .swatches button:hover,.settings .swatches button:focus-visible{border:3px solid var(--accent);box-shadow:2px 2px 0 var(--ink)}.settings-title{text-align:left;margin:0 0 8px}.settings-title i{background:var(--roast-strong);color:var(--on-accent)}.profile-hero.with-circle{justify-content:center;align-items:center;gap:12px;display:flex}.profile-circle-invite{background:var(--card);border:1.5px solid #1b151159;border-radius:14px;justify-items:center;gap:5px;width:100%;margin:0 0 12px;padding:10px 12px 9px;display:grid}.profile-circle-heading{width:100%;min-width:0;color:var(--ink);font:800 13px var(--sans);text-align:left;background:0 0;border:0;border-bottom:1px dashed #1b15114d;align-items:center;gap:7px;padding:2px 0 8px;display:flex}.profile-circle-heading span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.profile-circle-heading svg{color:var(--accent);flex:none}.profile-circle-heading:hover,.profile-circle-heading:focus-visible{color:var(--accent)}.profile-name-form{gap:7px;margin:8px 0 12px;display:grid}.profile-name-row{align-items:center;gap:10px;min-width:0;display:flex}.profile-name-input{flex:1;min-width:0;margin:0;font-size:15px}.profile-name-input.line{border-bottom:1.5px dashed var(--ink)}@supports (color:color-mix(in lab,red,red)){.profile-name-input.line{border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 38%,transparent)}}.profile-name-input.line:focus{border-bottom-color:var(--accent)}.profile-name-row .home-quick-link{border:1.5px solid var(--accent);background:var(--surf);min-height:34px;color:var(--ink);border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:850}.profile-name-form>.claim-note{color:var(--accent)}.profile-email-readonly{border-bottom:1px solid var(--ink);gap:4px;margin:4px 0 12px;padding:0 0 10px;display:grid}@supports (color:color-mix(in lab,red,red)){.profile-email-readonly{border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}}.profile-email-readonly .mono{font-size:9px}.profile-email-readonly strong{overflow-wrap:anywhere;max-width:100%;font-size:14px;font-weight:750}.profile-email-readonly small{color:var(--mute);font-size:10px}.circle-name-editor{align-items:center;gap:12px;max-width:100%;margin:10px 0 4px;display:flex}.circle-name-input{background:var(--accent);width:min(100%,300px);min-width:0;color:var(--on-accent);box-shadow:var(--shadow);font:900 clamp(28px,9vw,44px)/1 var(--sans);letter-spacing:-.05em;text-align:center;border:0;border-radius:12px;outline:0;padding:3px 10px 6px}.circle-name-input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.circle-name-editor .home-quick-link{flex:none;min-height:34px;padding:6px 12px}.circle-name-hint{color:var(--mute);font:700 10px var(--mono);letter-spacing:.04em;margin:-1px 0 16px;display:block}.empty-spaces-dialog{max-width:370px}.empty-spaces-dialog .profile-confirm-alert{margin:0 0 14px}.gate .spaces-intro{max-width:360px;color:var(--mute);margin:0 0 14px;font-size:14px;line-height:1.5}.profile-invite-label{color:var(--mute);margin:3px 0 0;font-size:9px}.profile-invite-copy{color:var(--accent);text-align:center;background:0 0;border:0;justify-items:center;gap:2px;padding:0;display:grid}.profile-invite-copy strong{font:800 19px/1.15 var(--mono);letter-spacing:.2em;padding-left:.2em}.profile-invite-copy small{color:var(--mute);font:700 9px var(--mono);text-transform:uppercase}.profile-invite-copy:hover strong,.profile-invite-copy:focus-visible strong{color:#8a5230;text-underline-offset:3px;text-decoration:underline}.profile-actions-card .profile-delete{background:var(--tint-pink);color:#87463f;border-color:#87463f}.profile-actions-card .profile-delete:hover,.profile-actions-card .profile-delete:focus-visible{background:var(--pink);color:#713a34;box-shadow:2px 2px 0 var(--ink);border-color:#87463f}.profile-actions-card .profile-clear-circle{color:var(--accent);border-color:#74401f73}.profile-actions-card .profile-clear-circle:hover,.profile-actions-card .profile-clear-circle:focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:2px 2px 0 var(--ink)}.profile-spaces-link{border:1.5px solid var(--ink);background:var(--surf);width:100%;min-height:44px;color:var(--ink);text-align:left;border-radius:999px;align-items:center;gap:8px;margin:0 0 7px;padding:5px 9px;transition:box-shadow .12s,transform .12s;display:flex}.profile-spaces-link:hover,.profile-spaces-link:focus-visible{background:var(--surf);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.profile-spaces-link>.space-bean-mark{width:30px;height:28px}.profile-spaces-copy{flex:1;gap:2px;min-width:0;display:grid}.profile-spaces-copy strong{font-size:12px;font-weight:850}.profile-spaces-copy small{color:var(--mute);font:700 8px var(--mono)}.profile-spaces-link>svg{color:var(--accent);flex:none}.profile-confirm-dialog{background:var(--surf);border-color:#87463f;width:min(90vw,360px);max-width:90vw;box-shadow:6px 6px #000}.profile-confirm-dialog .pop-in{padding:16px}.profile-confirm-alert{background:var(--tint-pink);border-color:#87463f;box-shadow:2px 2px #87463f40;margin:0 0 16px!important}.profile-confirm-alert .offlineerr-mark{background:var(--pink);color:#87463f;border-color:#87463f}.profile-confirm-alert .offlineerr-copy strong{color:#87463f}.profile-confirm-alert .offlineerr-copy small{color:var(--mute)}.profile-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-confirm-actions .home-quick-link,.profile-confirm-actions .profile-confirm-danger{min-width:0;min-height:40px;color:var(--ink);background:0 0;border:1.5px solid #1b151159;border-radius:14px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.profile-confirm-actions .home-quick-link{transition:background .12s,border-color .12s,box-shadow .12s,transform .12s}.profile-confirm-actions .home-quick-link:hover,.profile-confirm-actions .home-quick-link:focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.profile-confirm-actions .profile-confirm-danger{color:var(--on-accent);background:#b96a62;border-color:#6d3934;box-shadow:3px 3px #000}.profile-confirm-actions .profile-confirm-danger:hover,.profile-confirm-actions .profile-confirm-danger:focus-visible{background:#a85850;transform:translate(1px,1px);box-shadow:2px 2px #000}.profile-confirm-actions button:disabled{opacity:.5}.profile-confirm-dialog.profile-confirm-neutral{border-color:var(--accent);background:var(--surf)}.profile-confirm-neutral .profile-confirm-alert{border-color:var(--accent);background:var(--surf);box-shadow:2px 2px #1b15112e}.profile-confirm-neutral .profile-confirm-alert .offlineerr-mark{border-color:var(--accent);background:var(--card);color:var(--accent)}.profile-confirm-neutral .profile-confirm-alert .offlineerr-copy strong{color:var(--accent)}.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:3px 3px #000}.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger:hover,.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger:focus-visible{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger:hover,.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger:focus-visible{background:color-mix(in srgb,var(--accent) 88%,#000)}}.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger:hover,.profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger:focus-visible{transform:translate(1px,1px);box-shadow:2px 2px #000}.profile-actions-card .notification-toggle{width:100%;margin:0 0 8px}.notification-message{margin:0 0 10px;line-height:1.4;display:block}.profile-actions-card{padding:14px}.profile-account-note{color:var(--mute);align-items:center;gap:6px;margin:0 0 10px;line-height:1.35;display:flex}.report-problem-note{color:var(--mute);margin:0 0 12px;font-size:12px;line-height:1.45}.report-problem-form{gap:7px;display:grid}.report-problem-form>label:not(.report-problem-context){color:var(--mute);margin-top:3px;font-size:9px}.report-problem-form>label span{color:var(--mute);font:inherit;text-transform:none}.report-problem-form select,.report-problem-form textarea{border:1.5px solid var(--accent);width:100%;min-width:0;padding:9px 11px}@supports (color:color-mix(in lab,red,red)){.report-problem-form select,.report-problem-form textarea{border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent)}}.report-problem-form select,.report-problem-form textarea{background:var(--surf);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font:500 13px/1.4 var(--sans);border-radius:12px}.report-problem-form textarea{resize:vertical;min-height:72px}.report-problem-form select:focus-visible,.report-problem-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:var(--surf-2)}.report-problem-length{color:var(--mute);font:700 9px var(--mono)}.report-problem-context{color:var(--mute);overflow-wrap:anywhere;align-items:flex-start;gap:8px;margin:4px 0;font-size:10px;line-height:1.4;display:flex}.report-problem-context input{accent-color:var(--accent);flex:none;margin:1px 0 0}.report-problem-success{color:var(--accent);overflow-wrap:anywhere;margin:4px 0;font-size:12px;line-height:1.4}.report-problem-success code{-webkit-user-select:all;user-select:all;font-size:10px}.report-problem-form .home-quick-link{width:100%;min-height:40px;margin-top:3px}.profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-actions .home-quick-link{text-align:center;width:100%;min-width:0;min-height:42px;padding:9px 8px;font-size:12px}.profile-delete{color:var(--accent)}.profile-actions-card .claim-note{margin-top:8px}.roast-next{font-family:var(--mono);letter-spacing:0;color:var(--mute);margin-top:2px;font-size:11px;font-weight:500;line-height:1.25;display:block}.orbcap{border:1.5px solid var(--accent);background:var(--bg);width:fit-content;color:var(--ink);border-radius:999px;margin:0 auto;padding:4px 10px}.settings .blendrow{background:0 0;border:1.5px solid #1b151159;border-radius:14px;margin:4px 0 16px;padding:12px 14px;transition:background .12s,border-color .12s,box-shadow .12s}.settings .blendrow:hover,.settings .blendrow:focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.settings .ghost.wide{box-shadow:none;background:0 0;border:1.5px solid #1b151159;border-radius:14px;margin-top:10px;padding:10px 14px}.settings .ghost.wide:hover,.settings .ghost.wide:focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.settings .link.back{width:100%;color:var(--ink);font-family:var(--sans);text-align:center;border:1.5px solid #1b151159;border-radius:14px;justify-content:center;align-items:center;margin:12px 0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.35;display:flex}.settings .link.back:hover,.settings .link.back:focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.shelf-space-context{margin:12px 0 18px}.space-picker-dialog{border:1.5px solid var(--ink);background:var(--bg);width:min(88vw,350px);max-width:88vw;max-height:78dvh;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:0}.space-picker-dialog::backdrop{background:#1b151161}.space-picker-content{isolation:isolate;padding:20px;position:relative;overflow:hidden}.space-picker-bean-rain{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.space-picker-bean-drop{top:-24px;left:var(--bean-left);opacity:0;animation:picker-bean-fall var(--bean-duration) linear var(--bean-delay) infinite;display:block;position:absolute}.space-picker-bean-drop .bean-badge{filter:drop-shadow(1px 1px #1b151147);transform:rotate(var(--bean-rotation));background:0 0;border:0;width:14px!important;height:14px!important}.space-picker-bean-drop .bean-badge svg{width:14px;height:14px}.space-picker-bean-drop:nth-child(3n) .bean-badge{--bean:#d9a66b;--crease:#fffdf7}.space-picker-bean-drop:nth-child(3n+1) .bean-badge{--bean:#a8693f;--crease:#f4ecdd}.space-picker-bean-drop:nth-child(3n+2) .bean-badge{--bean:#9db06b;--crease:#fffdf7}.space-picker-bean-drop.drop-0{--bean-left:9%;--bean-duration:3.8s;--bean-delay:-2.8s;--bean-rotation:-18deg}.space-picker-bean-drop.drop-1{--bean-left:22%;--bean-duration:4.4s;--bean-delay:-1.2s;--bean-rotation:12deg}.space-picker-bean-drop.drop-2{--bean-left:36%;--bean-duration:3.6s;--bean-delay:-3.3s;--bean-rotation:24deg}.space-picker-bean-drop.drop-3{--bean-left:51%;--bean-duration:4.7s;--bean-delay:-.7s;--bean-rotation:-12deg}.space-picker-bean-drop.drop-4{--bean-left:65%;--bean-duration:3.9s;--bean-delay:-2.1s;--bean-rotation:18deg}.space-picker-bean-drop.drop-5{--bean-left:78%;--bean-duration:4.3s;--bean-delay:-3.7s;--bean-rotation:-24deg}.space-picker-bean-drop.drop-6{--bean-left:91%;--bean-duration:3.7s;--bean-delay:-1.7s;--bean-rotation:10deg}.space-picker-bean-drop.drop-7{--bean-left:44%;--bean-duration:5s;--bean-delay:-4.1s;--bean-rotation:20deg}.space-picker-bean-drop.drop-8{--bean-left:83%;--bean-duration:4.9s;--bean-delay:-2.4s;--bean-rotation:-15deg}@keyframes picker-bean-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}12%{opacity:.42}86%{opacity:.25}to{opacity:0;transform:translateY(330px)rotate(125deg)}}@media(prefers-reduced-motion:reduce){.space-picker-bean-drop{animation:none;display:none}}.profile-local-clear{width:38px;height:38px;margin:0}.circle-membership-actions{background:var(--surf);border:1.5px dashed #1b151147;border-radius:16px;gap:8px;margin:14px 0 8px;padding:12px;display:grid}.circle-membership-actions>.mono{margin:0 0 2px}.circle-shelf-actions{background:var(--surf);border:1.5px dashed #1b151147;border-radius:16px;gap:8px;margin:14px 0 8px;padding:12px;display:grid}.circle-shelf-actions>.mono{margin:0 0 2px}.circle-membership-action{border:1.5px solid var(--accent);background:var(--surf);width:100%;min-width:0;min-height:42px;color:var(--accent);text-align:left;border-radius:13px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;font-weight:850;transition:transform .12s,box-shadow .12s,background .12s;display:flex;box-shadow:2px 2px #000}.circle-membership-action>svg{flex:none}.circle-membership-action:not(.circle-delete-space-action):hover:not(:disabled),.circle-membership-action:not(.circle-delete-space-action):focus-visible:not(:disabled){background:var(--surf-2);transform:translate(-1px,-1px);box-shadow:3px 3px #000}.circle-membership-action:disabled{opacity:.5;cursor:wait}.circle-clear-beans-action{align-items:flex-start}.circle-clear-beans-action>svg{margin-top:1px}.circle-clear-beans-action span{gap:3px;min-width:0;display:grid}.circle-clear-beans-action strong{font-size:12px}.circle-clear-beans-action small{color:inherit;opacity:.85;font-size:10px;font-weight:600;line-height:1.35}.circle-delete-space-action{background:var(--tint-pink);color:#87463f;border-color:#87463f;align-items:flex-start}.circle-delete-space-action>svg{margin-top:1px}.circle-delete-space-action span{gap:3px;min-width:0;display:grid}.circle-delete-space-action strong{font-size:12px}.circle-delete-space-action small{color:inherit;opacity:.85;font-size:10px;font-weight:600;line-height:1.35}.space-picker-content>.mono{margin:0 40px 5px 0}.space-picker-content .page-title{text-align:left;margin:0 40px 16px 0}.space-picker-list{gap:8px;display:grid}.space-picker-option{border:1.5px solid var(--ink);background:var(--surf);text-align:left;min-width:0;box-shadow:2px 2px 0 var(--ink);border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.space-picker-option:hover,.space-picker-option:focus-visible{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.space-picker-option.selected{color:#fffdf7;background:#5b351f}.space-picker-option.selected small{color:#f1ddc3}.space-picker-option>span{flex:1;gap:3px;min-width:0;display:grid}.space-picker-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.space-picker-option small{color:var(--mute);font:700 9px var(--mono);text-transform:uppercase}.space-picker-option>b{font:800 9px var(--mono);text-transform:uppercase}.space-picker-option .space-bean-mark{width:28px;height:28px}.shelf-switch{margin-top:12px}.shelf-switch-bean{--bean:transparent;--crease:var(--accent);--ink:var(--accent);flex:none;place-items:center;width:18px;height:18px;display:grid}.shelf-switch-bag{color:var(--accent);flex:none}.wonder-actions{margin:12px 0 24px}.memgrid{flex-wrap:wrap;justify-content:center;gap:18px 10px;margin:10px 0 22px;display:flex}.mem-member{flex:0 0 calc(33.333% - 7px);align-content:start;justify-items:center;gap:5px;min-width:0;display:grid}.mem-member .mem{flex:auto;width:100%}.circle-member-remove{background:var(--tint-pink);color:#87463f;min-height:28px;font:800 10px var(--mono);border:1.5px solid #87463f;border-radius:999px;padding:4px 11px;transition:transform .12s,box-shadow .12s;box-shadow:2px 2px #000}.circle-member-remove:hover:not(:disabled),.circle-member-remove:focus-visible:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #000}.circle-member-remove:disabled{opacity:.55;cursor:wait}.space-access-notice{border:1.5px solid var(--accent);background:var(--surf-2);color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:15px;align-items:flex-start;gap:10px;margin:12px 0;padding:11px 12px;display:flex}.space-access-notice>span{flex:1;gap:3px;min-width:0;display:grid}.space-access-notice strong{color:var(--accent);font-size:12px;font-weight:850}.space-access-notice small{color:var(--ink);overflow-wrap:anywhere;font-size:11px;line-height:1.4}.space-access-notice>button{border:1px solid var(--accent);flex:none;place-items:center;width:25px;height:25px;padding:0;display:grid}@supports (color:color-mix(in lab,red,red)){.space-access-notice>button{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}}.space-access-notice>button{background:var(--surf);color:var(--accent);border-radius:50%;font-size:18px;line-height:1}.space-access-notice>button:hover,.space-access-notice>button:focus-visible{box-shadow:2px 2px 0 var(--ink)}.circle-picker{gap:6px;margin:14px 0 18px;display:grid}.circle-picker select{background:var(--card);width:100%;min-height:42px;color:var(--ink);font:800 14px var(--sans);border:1.5px solid #1b151159;border-radius:12px;padding:8px 12px}.circle-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.circle-manage-actions{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 10px;display:grid}.circle-manage-actions .home-quick-link{text-align:center;min-width:0;padding:8px 10px;font-size:12px}.circle-manage-form{margin-top:14px}.spaces-intro{color:var(--mute);margin:0 0 8px;font-size:14px;line-height:1.45}.spaces-limits{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 22px;display:grid}.space-limit{border:1.5px dashed var(--ink);align-items:center;gap:7px;min-width:0;padding:8px 10px;display:flex}@supports (color:color-mix(in lab,red,red)){.space-limit{border:1.5px dashed color-mix(in srgb,var(--ink) 32%,transparent)}}.space-limit{background:var(--surf);color:var(--ink);border-radius:14px}.space-limit-bean{--bean:#9db06b;--crease:#f4ecdd;flex:none;place-items:center;width:20px;height:20px;display:grid}.space-limit strong{font:800 11px var(--mono);white-space:nowrap}.space-limit>span:last-child{min-width:0;color:var(--mute);font:700 9px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spaces-section{margin:22px 0 0}.spaces-section>h2{color:var(--mute);margin:0 0 10px}.spaces-list{gap:7px;display:grid}.space-row{border:1.5px solid var(--ink);background:var(--surf);border-radius:999px;align-items:center;gap:6px;min-width:0;padding:5px 7px;transition:box-shadow .12s;display:flex}.space-row.active,.space-row:hover{background:var(--surf);box-shadow:none}.space-main{text-align:left;cursor:default;background:0 0;border:0;border-radius:999px;flex:1;align-items:center;gap:7px;min-width:0;padding:2px 4px;display:flex}.space-main>.space-bean-mark{width:29px;height:28px}.space-copy{flex:1;gap:3px;min-width:0;display:grid}.space-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.space-copy small{color:var(--mute);font:700 8px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.space-current{color:var(--accent);font:800 7px var(--mono);text-transform:uppercase;flex:none}.space-details-button{border:1.5px solid var(--ink);color:#fffdf7;width:32px;height:32px;box-shadow:none;background:#74401f;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .12s;display:grid}.space-details-button:hover,.space-details-button:focus-visible{box-shadow:none;background:#8a5230;transform:none}.space-details-button:active{box-shadow:none;background:#5b351f;transform:none}.spaces-section+.circle-manage-actions{margin-top:24px}.solid:not(:disabled):hover,.solid:not(:disabled):focus-visible{color:var(--on-accent);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)}.gate .solid.circle-submit:not(:disabled):hover,.gate .solid.circle-submit:not(:disabled):focus-visible{color:var(--on-accent);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)rotate(-5deg)}.circle-entry-row .solid.circle-submit{min-width:54px;padding-inline:10px}.gate .solid.circle-submit{min-width:54px}.gate .solid.login-open:not(:disabled):hover,.gate .solid.login-open:not(:disabled):focus-visible{color:var(--on-accent);box-shadow:2px 2px 0 var(--ink);background:#8a5230;transform:translate(1px,1px)}.gate .solid:not(.circle-submit):not(.login-open):not(:disabled):hover,.gate .solid:not(.circle-submit):not(.login-open):not(:disabled):focus-visible{background:var(--surf-2);color:var(--accent);box-shadow:3px 3px 0 var(--ink);transform:none}.pop .actions .pop-favourite:hover,.pop .actions .pop-favourite:focus-visible{color:var(--on-accent);box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)rotate(-6deg);background:#8a5230!important}.tile.sent .tr.tile-heart-indicator,.tile.sent .tr.tile-note-indicator{color:#615b53;background:#f4f0e9;border-color:#817a70}.tile.sent.has-unread-activity .tr.tile-heart-indicator,.tile.sent.has-unread-activity .tr.tile-note-indicator{color:#a83f5e;background:#f5d3cd;border-color:#c65e78}.shelf-empty-state{justify-items:start;gap:10px;display:grid}.shelf-empty-state>.empty{margin:0}.shelf-bag-hint{border:1.5px dashed var(--accent);justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:16px;padding:9px 10px;display:flex}@supports (color:color-mix(in lab,red,red)){.shelf-bag-hint{border:1.5px dashed color-mix(in srgb,var(--accent) 55%,transparent)}}.shelf-bag-hint{background:var(--surf);color:var(--ink);border-radius:15px}.shelf-bag-hint-copy{gap:3px;min-width:0;display:grid}.shelf-bag-hint .mono{color:var(--accent)}.shelf-bag-hint small{color:var(--mute);font-size:10px;line-height:1.3}.shelf-bag-hint .home-quick-link{border:1.5px solid var(--accent);background:var(--surf-2);min-height:31px;color:var(--ink);border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.shelf-bag-hint .home-quick-link svg{vertical-align:middle;margin-left:4px}.mem{text-align:center;min-width:0;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:0 0 calc(33.333% - 7px);align-items:center;gap:2px;padding:0;display:flex}.mem:not(.empty):hover .mem-avatar-slot,.mem:not(.empty):focus-visible .mem-avatar-slot{filter:drop-shadow(3px 3px 0 var(--ink))}.mem b,.mem small{overflow-wrap:anywhere;max-width:100%}.mem b{font-size:14px;font-weight:800}.mem small{font:700 10px var(--sans);color:var(--mute);text-transform:uppercase;letter-spacing:.08em}.mem-avatar-slot{flex:none;justify-content:center;align-items:center;width:78px;height:78px;line-height:1;display:flex}.mem-avatar-slot svg{display:block}.mem.empty{opacity:.5}.mem.empty .mem-avatar-slot{color:var(--mute)}.empty-seat-mark{width:100%;height:100%;font-family:var(--sans);fill:currentColor;font-size:38px;font-weight:700}.member-pop{width:min(88vw,360px);max-height:78dvh}.member-pop-content{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.member-pop-close{width:36px;height:36px;color:var(--ink);background:0 0;border:1.5px solid #1b151159;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.member-pop-close:hover,.member-pop-close:focus-visible{border-color:var(--accent);background:var(--surf);color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.member-pop .avatar{filter:drop-shadow(3px 3px #1b1511a6);margin:12px 0 4px;transform:rotate(-4deg)}.member-pop .page-title{text-align:center;margin:4px 0 8px}.member-pop .member-roast{background:var(--surf);border-width:1.5px;margin:0 0 14px;padding:4px 10px;transform:rotate(-2deg)}.member-bean-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-bottom:14px;display:grid}.member-bean-counts div{border:1.5px solid var(--accent);background:var(--surf);border-radius:16px 12px 15px 11px;gap:2px;padding:10px;display:grid}.member-bean-counts div:nth-child(odd){transform:rotate(-1deg)}.member-bean-counts div:nth-child(2n){transform:rotate(1deg)}.member-bean-counts b{font-size:22px;font-weight:900}.member-bean-counts small{color:var(--accent);font:800 10px var(--mono);text-transform:uppercase}.member-favorites{text-align:left;border:1.5px solid #1b151159;border-radius:14px;width:100%;padding:12px}.member-favorites>.mono{margin:0 0 8px}.member-favorites>p:not(.mono){border-top:1px solid #1b151126;justify-content:space-between;gap:12px;margin:0;padding:7px 0;font-size:13px;display:flex}.member-favorites>p span{color:var(--mute)}.member-favorites>p b{text-align:right}html[data-theme=dark] .circle-membership-actions,html[data-theme=dark] .circle-shelf-actions{border-color:#f0e3cf3d}html[data-theme=dark] .circle-member-remove{background:#d1867d;border-color:#d1867d}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .circle-member-remove{background:color-mix(in srgb,#d1867d 18%,var(--surf))}}html[data-theme=dark] .circle-member-remove{color:#f0c3bc}html[data-theme=dark] .profile-actions-card .profile-delete{background:var(--tint-pink);color:#f0b0a8;border-color:#d1867d}html[data-theme=dark] .profile-actions-card .profile-delete:hover,html[data-theme=dark] .profile-actions-card .profile-delete:focus-visible{background:var(--pink);color:#f0b0a8;border-color:#e6a59d}html[data-theme=dark] .profile-confirm-dialog,html[data-theme=dark] .profile-confirm-alert,html[data-theme=dark] .profile-confirm-alert .offlineerr-mark,html[data-theme=dark] .profile-confirm-actions .profile-confirm-danger{border-color:#d1867d}html[data-theme=dark] .profile-confirm-dialog.profile-confirm-neutral,html[data-theme=dark] .profile-confirm-neutral .profile-confirm-alert,html[data-theme=dark] .profile-confirm-neutral .profile-confirm-alert .offlineerr-mark,html[data-theme=dark] .profile-confirm-neutral .profile-confirm-actions .profile-confirm-danger{border-color:var(--accent)}html[data-theme=dark] .circle-delete-space-action{background:var(--tint-pink);color:#f0b0a8;border-color:#d1867d}.codecard{border:1.5px solid var(--accent);background:var(--surf);box-shadow:3px 3px 0 var(--ink);text-align:center;border-radius:14px}.invite-code-row{justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}.invite-code-row .codebtn{overflow-wrap:anywhere;flex:0 auto;width:auto;min-width:0;margin:2px 0 8px;padding:10px 8px}.invite-code-regenerate{border-color:var(--accent);background:var(--surf-2);width:32px;height:32px;color:var(--accent);box-shadow:2px 2px 0 var(--ink);flex:none;margin:0 0 6px}.invite-code-regenerate:hover,.invite-code-regenerate:focus-visible{background:var(--accent);color:var(--on-accent)}.lb{gap:8px;margin:4px 0;display:grid}.lbrow{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.lbn{width:12px;font:800 11px var(--sans);opacity:.6}.lbname{text-overflow:ellipsis;white-space:nowrap;width:62px;overflow:hidden}.lbbar{border:1.5px solid var(--ink);border-radius:6px;flex:1;height:8px;overflow:hidden}.lbbar i{background:var(--ink);height:100%;display:block}.awards{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.award{text-align:center;border:2px solid var(--ink);background:#fffdf780;border-radius:14px;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.award b{font:800 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.award small{font-size:12px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.space-picker-close{position:absolute;top:18px;right:20px;z-index:2}html[data-theme=dark]{color-scheme:dark;--bg:#1B1511;--card:#2A201A;--ink:#F0E3CF;--mute:#B9A78F;--accent:#B97B4C;--surf:#362A22;--surf-2:#43352B;--tint-pink:#3E2523;--tint-green:#26301F;--pink:#4A2C28}html[data-theme=dark] .pop::backdrop,html[data-theme=dark] .space-picker-dialog::backdrop{background:#000000a6}html[data-theme=dark] .bean-icon-button,html[data-theme=dark] .pop-close,html[data-theme=dark] .composer-mode-icon{box-shadow:2px 2px #0009}html[data-theme=dark] .app{--roast-strong:color-mix(in srgb,var(--roast-color,var(--accent)) 45%,var(--ink));--roast-outline:color-mix(in srgb,var(--roast-color,var(--accent)) 50%,var(--ink))}html[data-theme=dark] .ticker{background:var(--surf);color:var(--ink)}html[data-theme=dark] .tile.photo .tile-text.photo-info-fresh,html[data-theme=dark] .tile.photo .tile-text.photo-info-fresh small{color:#1b1511}html[data-theme=dark] .tile.photo .tile-text.photo-info-brewed{background:var(--surf);color:var(--ink)}html[data-theme=dark] .tile.photo .tile-text.photo-info-brewed small{color:var(--mute)}html[data-theme=dark] .tile.photo .tile-text.photo-info-sent{background:#e4e0d8;color:#332f2a}html[data-theme=dark] .tile.photo .tile-text.photo-info-sent small{color:#615b53}html[data-theme=dark] .tile.photo .tile-byline{background:#f4f0e9f0;color:#332f2a}html[data-theme=dark] .tile.photo.fresh .tagrow{background:var(--accent);color:var(--on-accent)}html[data-theme=dark] .tile.photo.fresh .bean-status .tag,html[data-theme=dark] .tile.photo.fresh .bean-status-dot,html[data-theme=dark] .tile.photo.fresh .bean-retention{color:var(--on-accent)}html[data-theme=dark] .tile.photo:not(.fresh):not(.sent) .tagrow{background:var(--surf);color:var(--ink)}html[data-theme=dark] .tile.photo:not(.fresh):not(.sent) .bean-status .tag{color:var(--ink)}html[data-theme=dark] .tile.photo:not(.fresh):not(.sent) .bean-status-dot,html[data-theme=dark] .tile.photo:not(.fresh):not(.sent) .bean-retention{color:var(--accent)}html[data-theme=dark] .tile.sent.has-unread-activity .tr.tile-heart-indicator,html[data-theme=dark] .tile.sent.has-unread-activity .tr.tile-note-indicator{border-color:#c97f93;background:#4a2c33;color:#f2a99f}html[data-theme=dark] .bean-icon-button.bean-heart-button.on{color:#f2a99f}html[data-theme=dark] .heart-count-button span{border-color:#c97f93;background:#4a2c33;color:#f2a99f}html[data-theme=dark] .profile-sign-out{border-color:var(--avatar-outline,var(--accent))}html[data-theme=dark] .profile-spaces-link>svg{box-sizing:border-box;width:32px;height:32px;padding:7px;border:1.5px solid var(--ink);border-radius:50%;background:#74401f;color:#fffdf7}html[data-theme=dark] .home-shortcuts .home-quick-link{border-color:var(--accent)}html[data-theme=dark] .home-shortcuts .home-quick-link:hover,html[data-theme=dark] .home-shortcuts .home-quick-link:focus-visible,html[data-theme=dark] .home-shortcuts .home-quick-link:active{border-color:var(--accent);background:transparent;color:var(--ink);box-shadow:3px 3px #fffdf7}html[data-theme=dark] .home-space-strip .home-space-option,html[data-theme=dark] .blend-space-strip .home-space-option{border-color:var(--roast-outline,var(--accent))}html[data-theme=dark] .home-space-strip .home-space-option:hover,html[data-theme=dark] .home-space-strip .home-space-option:focus-visible,html[data-theme=dark] .blend-space-strip .home-space-option:hover,html[data-theme=dark] .blend-space-strip .home-space-option:focus-visible{box-shadow:3px 3px #fffdf7}html[data-theme=dark] .spaces-page .circle-manage-actions .home-quick-link{border-color:var(--roast-outline,var(--accent))}html[data-theme=dark] .spaces-page .circle-manage-actions .home-quick-link:hover,html[data-theme=dark] .spaces-page .circle-manage-actions .home-quick-link:focus-visible{box-shadow:3px 3px #fffdf7}html[data-theme=dark] .gate .line,html[data-theme=dark] .circle-entry-row .line{border-bottom-color:#f0e3cf9e}html[data-theme=dark] .screen .label{background:var(--card);color:var(--ink)}html[data-theme=dark] .stage,html[data-theme=dark] .camera-stage{border-color:#f0e3cf94}html[data-theme=dark] textarea.qedit.wq{border-bottom-color:#f0e3cf9e}.theme-toggle{flex:none}.theme-toggle.on svg{fill:currentColor}.tour-card{max-width:370px}.tour-card .bean-badge{--bean:#74401F;--crease:#FFFDF7;width:auto!important;height:auto!important}.tour-card .bean-badge ellipse{stroke:#1b1511!important}.tour-chapters{display:flex;gap:6px;flex-wrap:wrap;margin:0 44px 14px 0}.tour-chapters button{padding:4px 10px;border:1.5px solid var(--ink);border-radius:999px;background:var(--card);font:800 10px var(--mono);text-transform:uppercase}.tour-chapters button.on{background:var(--chip);color:#1b1511;box-shadow:2px 2px 0 var(--ink)}.tour-step{display:grid;gap:10px;justify-items:start;min-height:290px;align-content:start;animation:in .25s ease both}.tour-step .page-title{margin:0;font-weight:900}.tour-step p{margin:0}.tour-icon{display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--ink);border-radius:52% 48% 50% 50%/58% 58% 42% 42%;background:var(--tc);color:#1b1511;box-shadow:3px 3px 0 var(--ink);transform:rotate(-6deg)}.tour-tag{padding:2px 8px;border-radius:999px;background:var(--tc);color:#1b1511!important}.tour-text{font-size:15px;line-height:1.45}.tour-text b,.tour-points b{font-weight:900;box-shadow:inset 0 -.45em color-mix(in srgb,var(--tc) 55%,transparent)}.tour-where{display:grid;gap:5px;width:100%;padding:8px 10px;border:2px dashed var(--tc);border-radius:14px;background:color-mix(in srgb,var(--tc) 16%,transparent)}.tour-where>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tour-hop{display:inline-flex;align-items:center;gap:4px}.tour-arrow{flex:none}.tour-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1.5px solid var(--ink);border-radius:999px;background:var(--tc);color:#1b1511;font:800 11px var(--sans);box-shadow:2px 2px 0 var(--ink)}.tour-points{display:grid;gap:7px;width:100%;margin:2px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.35}.tour-points li{display:flex;align-items:center;gap:9px}.tour-pt-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;background:var(--tc);color:#1b1511}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.tour-footer .link{font-size:12px;color:var(--mute)}