:root{color-scheme:light dark;--bg: #faf7f3;--bg-tint: radial-gradient(1200px 500px at 15% -10%, rgba(192, 116, 60, .09), transparent 60%);--surface: #fffdfb;--surface-2: #f4efe9;--surface-hover: #ece5dc;--text: #1c1613;--text-muted: #6d635c;--text-faint: #9b9089;--line: #e8e0d7;--line-strong: #d8cec2;--accent: #b4551f;--accent-hover: #974416;--accent-soft: rgba(180, 85, 31, .1);--accent-text: #fffdfb;--data: #3f6b5b;--data-soft: rgba(63, 107, 91, .12);--danger: #b3392c;--danger-soft: rgba(179, 57, 44, .09);--chart-1: #b4551f;--chart-2: #3a6ea5;--chart-3: #3f9d63;--radius: 14px;--radius-md: 12px;--radius-sm: 9px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(48, 30, 18, .06);--shadow-md: 0 6px 20px rgba(48, 30, 18, .09);--shadow-lg: 0 18px 44px rgba(48, 30, 18, .16);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--header-h: 62px}html.dark{--bg: #141110;--bg-tint: radial-gradient(1200px 500px at 15% -10%, rgba(224, 138, 75, .1), transparent 60%);--surface: #1c1817;--surface-2: #241f1d;--surface-hover: #2c2624;--text: #f2ece7;--text-muted: #a99e96;--text-faint: #7c716a;--line: #2c2624;--line-strong: #3c3431;--accent: #e08a4b;--accent-hover: #f0a065;--accent-soft: rgba(224, 138, 75, .15);--accent-text: #1a1108;--data: #74b39a;--data-soft: rgba(116, 179, 154, .14);--danger: #e5695c;--danger-soft: rgba(229, 105, 92, .13);--chart-1: #d17a35;--chart-2: #5286c4;--chart-3: #2f9a66;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 8px 26px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg) var(--bg-tint) no-repeat;color:var(--text);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased}.num,dd,.shot-table td,.summary__value,.specs dd{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}@media(hover:hover){a:hover{text-decoration:underline;text-underline-offset:2px}}h1,h2,h3{margin:0 0 .4em;line-height:1.2;font-weight:650;letter-spacing:-.02em}h1{font-size:clamp(1.7rem,2.8vw,2.3rem);letter-spacing:-.03em}h2{font-size:1.05rem;letter-spacing:-.01em}img{max-width:100%;display:block}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:1140px;margin:0 auto;min-height:var(--header-h);padding:.6rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand__mark{width:28px;height:28px;display:grid;place-items:center;font-size:0}.brand strong{font-weight:600;color:var(--text-muted)}.topbar__nav{display:flex;align-items:center;gap:.95rem;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;font-size:.92rem}.topbar__nav::-webkit-scrollbar{display:none}.topbar__nav a{color:var(--text-muted);padding:.2rem 0;white-space:nowrap}.topbar__nav a:hover{color:var(--text);text-decoration:none}.topbar__nav a.active{color:var(--text);font-weight:550;box-shadow:inset 0 -2px 0 var(--accent)}.topbar__actions{display:flex;align-items:center;gap:.5rem;flex:none;margin-left:auto}.search{position:relative;flex:0 1 15rem;min-width:6rem}.search__icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-faint);pointer-events:none}.search__input{width:100%;padding:.42rem .7rem .42rem 1.9rem;font:inherit;font-size:.88rem;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;outline:none;transition:border-color .14s ease,background .14s ease}.search__input::placeholder{color:var(--text-faint)}.search__input:focus{background:var(--surface);border-color:var(--accent)}.search__input::-webkit-search-cancel-button{cursor:pointer}.search__panel{position:absolute;z-index:40;top:calc(100% + .4rem);left:0;right:0;min-width:20rem;max-height:min(70vh,30rem);overflow-y:auto;padding:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg, 0 18px 40px rgba(0, 0, 0, .18))}.search__empty{margin:0;padding:.7rem .6rem;font-size:.86rem;color:var(--text-muted)}.search__group+.search__group{margin-top:.3rem;border-top:1px solid var(--line);padding-top:.3rem}.search__group-title{margin:.25rem .55rem .2rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.search__hit{width:100%;display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border:0;border-radius:var(--radius-sm);background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.search__hit:hover,.search__hit.is-active{background:var(--surface-2)}.search__thumb{width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2)}.search__thumb--empty{display:grid;place-items:center;font-size:.95rem;color:var(--text-faint)}.search__hit-text{min-width:0;display:flex;flex-direction:column}.search__hit-label{font-size:.9rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__hit-hint{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search__all{width:100%;margin-top:.3rem;padding:.45rem;border:0;border-top:1px solid var(--line);background:none;color:var(--accent);font:inherit;font-size:.82rem;cursor:pointer}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.result{display:flex;align-items:center;gap:.75rem;padding:.55rem .35rem;border-radius:var(--radius-sm);color:inherit}.result:hover{background:var(--surface-2);text-decoration:none}.result+.result{border-top:1px solid var(--line)}.result__thumb{width:46px;height:46px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2)}.result__thumb--empty{display:grid;place-items:center;font-size:1.2rem;color:var(--text-faint)}.result__text{min-width:0;display:flex;flex-direction:column;gap:.1rem;margin-right:auto}.topbar__me{display:flex;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.topbar__me:hover{text-decoration:none}.content{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:2rem 1.25rem 4rem}.footer{border-top:1px solid var(--line);padding:1.5rem 1.25rem;color:var(--text-faint);text-align:center;font-size:.85rem}.stack{display:flex;flex-direction:column;gap:1.25rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.hero{max-width:60ch}.hero h1{margin-bottom:.3em}.hero p{color:var(--text-muted);margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.panel>h2{margin-bottom:.9rem;padding-bottom:.55rem;border-bottom:1px solid var(--line);color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.48rem .9rem;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.button:hover{text-decoration:none}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--accent);color:var(--accent-text)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.button--ghost:hover:not(:disabled){background:var(--surface-hover)}.button--danger{background:transparent;border-color:var(--line-strong);color:var(--danger)}.button--danger:hover:not(:disabled){background:var(--danger-soft)}.button--sm{padding:.32rem .7rem;font-size:.83rem}.file-input{display:inline-flex;align-items:center;gap:.55rem;min-width:0;flex-wrap:wrap}.file-input__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.file-input__native:focus-visible+.button{outline:2px solid var(--accent);outline-offset:2px}.file-input__name{font-size:.83rem;color:var(--text);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-button{background:none;border:none;padding:0;color:var(--text-muted);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--text)}.icon-button{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px solid var(--line);border-radius:var(--radius-pill);padding:.15rem .6rem;color:var(--text-muted);font:inherit;font-size:.82rem;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.icon-button:disabled{cursor:default}.pill{border:1px solid var(--line);border-radius:var(--radius-pill);padding:.28rem .8rem;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.85rem;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.pill:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}.pill.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.toolbar{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.toolbar__shots{display:flex;gap:.4rem;flex-wrap:wrap}.toolbar__search{display:flex;gap:.5rem;flex-wrap:wrap;min-width:0}.toolbar__search .input{min-width:190px;flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .14s ease,box-shadow .14s ease}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),#d98b4a 60%,transparent);opacity:0;transition:opacity .16s ease;z-index:1}.card:hover:before,.card:focus-within:before{opacity:1}@media(hover:hover){.card:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:var(--shadow-md)}}.card__media{position:relative;display:block;aspect-ratio:4 / 3;background:var(--surface-2)}.card__media img{width:100%;height:100%;object-fit:cover}.card__media-placeholder{display:grid;place-items:center;height:100%;font-size:1.8rem;opacity:.25}.chip{position:absolute;top:.6rem;left:.6rem;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-pill);padding:.12rem .62rem;font-size:.75rem;font-weight:500}.chip--private{left:auto;right:.6rem;color:var(--danger)}.detail__header .chip{position:static;display:inline-block;margin:0 .35rem .6rem 0;-webkit-backdrop-filter:none;backdrop-filter:none}.card__body{padding:.9rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.card__title--stretched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__author,.card__meta,.card .icon-button{position:relative;z-index:2}@media(hover:hover){.card:hover .card__title{color:var(--accent)}}.card__title{font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.35}.card__bean{margin:0;color:var(--text-muted);font-size:.85rem}.card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--line)}.card__author{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;min-width:0}.card__author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__meta{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted);flex-shrink:0}.card__time{color:var(--text-faint);font-size:.75rem}.specs{margin:0;display:grid;gap:.5rem}.specs div{margin:0}.specs dt{color:var(--text-faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.specs dd{margin:0;font-variant-numeric:tabular-nums}.specs--compact{grid-template-columns:repeat(4,1fr);background:var(--surface-2);border-radius:var(--radius-sm);padding:.55rem .65rem}.specs--compact dd{font-size:.95rem;font-weight:550}.specs--hero{grid-template-columns:repeat(4,1fr);gap:1rem}.specs--hero dd{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;margin-top:.1rem}.specs--rows{grid-template-columns:1fr;gap:0;margin-top:1rem}.specs--rows div{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--line)}.specs--rows div:last-child{border-bottom:none}.specs--rows dt{text-transform:none;letter-spacing:0;font-size:.88rem;color:var(--text-muted)}.specs--rows dd{font-size:.88rem;text-align:right}.detail{display:flex;flex-direction:column;gap:1.25rem}.detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.detail__byline{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:0;font-size:.9rem;color:var(--text-muted)}.detail__actions{display:flex;gap:.5rem;flex-wrap:wrap}.detail__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:1.25rem;align-items:start}.gallery{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface)}.gallery>img{width:100%;max-height:480px;object-fit:cover}.gallery figcaption{padding:.6rem .9rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--line)}.gallery__thumbs{display:flex;gap:.4rem;padding:.5rem}.gallery__thumbs button{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;padding:0;background:none;cursor:pointer;width:68px;height:50px}.gallery__thumbs button.is-active{border-color:var(--accent)}.gallery__thumbs img{width:100%;height:100%;object-fit:cover}.prose{white-space:pre-wrap;margin:0;color:var(--text)}.setup{margin:0 0 .5rem;font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.comments{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.9rem}.comments li{display:flex;gap:.65rem}.comments li p{margin:0;font-size:.92rem}.comments__meta{font-size:.82rem;color:var(--text-muted);display:flex;gap:.4rem;align-items:baseline}.comments__meta a{color:var(--text);font-weight:500}.comment-form{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.comment-form .input{width:100%}.thread__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.thread__head h2{margin:0}.thread__sorts{display:flex;gap:.8rem;font-size:.85rem}.thread__sorts .is-active{color:var(--accent);font-weight:600;text-decoration:none}.thread{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.1rem}.comment-form--reply{margin-top:.6rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field--span-2{grid-column:span 2}.field--span-3{grid-column:1 / -1}.field__label{font-size:.82rem;color:var(--text-muted);font-weight:500}.field__hint{font-size:.78rem;color:var(--text-faint)}.field__error{font-size:.78rem;color:var(--danger)}.input{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);padding:.5rem .65rem;font:inherit;font-size:.92rem;transition:border-color .14s ease,box-shadow .14s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input--area{resize:vertical;line-height:1.5}.checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:.8rem;font-size:.92rem}.checkbox input{accent-color:var(--accent)}.checkbox-row{display:flex;gap:1.5rem;flex-wrap:wrap}.form-actions{display:flex;gap:.6rem;align-items:center;margin-top:1rem;flex-wrap:wrap}.shot-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-bottom:1.1rem}.shot-option{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .75rem;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.15rem;font:inherit;transition:border-color .14s ease,background .14s ease}.shot-option:hover{background:var(--surface-hover)}.shot-option span{font-size:.78rem;color:var(--text-muted);line-height:1.35}.shot-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.shot-option strong{font-size:.95rem;font-weight:600}.ratio-preview{display:flex;gap:1.5rem;margin-top:.9rem;padding:.65rem .85rem;background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem}.ratio-preview strong{color:var(--text);font-size:1rem;font-variant-numeric:tabular-nums}.dropzone{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:1.15rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem;transition:border-color .14s ease,background .14s ease}.dropzone:hover,.dropzone.is-dragging{border-color:var(--accent);background:var(--surface-2)}.photo-strip{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.photo-strip figure{margin:0;width:120px;display:flex;flex-direction:column;gap:.3rem;align-items:center}.photo-strip img{width:120px;height:88px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}.profile{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1.25rem}.profile__identity{display:flex;gap:1rem;align-items:flex-start}.profile__identity h1{margin-bottom:.1em}.profile__identity p{margin:.1rem 0;font-size:.92rem}.profile__bio{max-width:52ch;color:var(--text-muted)}.profile__side{display:flex;flex-direction:column;gap:.8rem;align-items:flex-end}.profile__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.profile__buttons>.button,.profile__buttons .file-input{flex:1 1 0;min-width:140px}.profile__buttons .file-input .button{width:100%;padding:.48rem .9rem;font-size:.9rem}.stats{display:flex;gap:1.4rem;margin:0}.stats dt{color:var(--text-faint);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.stats dd{margin:0;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem}.gear-card{display:flex;gap:.75rem;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem;font-size:.92rem}.gear-card img,.gear-card__thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.gear-card__thumb--empty{display:grid;place-items:center;background:var(--surface-hover);color:var(--text-muted);font-size:1.3rem}.gear-card p{margin:.1rem 0;font-size:.82rem}.gear-card__actions{flex-wrap:wrap;display:flex;gap:.7rem;margin-top:.2rem}.hero--row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:none;flex-wrap:wrap}.quick{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.quick__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.quick__head h2{margin:0}.quick__shots{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.quick__numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.9rem;align-items:end}.quick__numbers .input{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;padding:.6rem .7rem}.quick__timer{display:flex;gap:.4rem}.quick__timer .button{flex-shrink:0}.quick__ratio{display:flex;flex-direction:column;gap:.3rem;padding:0 .4rem .5rem;min-width:5.5rem}.quick__ratio strong{font-size:1.5rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent)}.quick__rest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.quick__actions{display:flex;align-items:center;gap:.9rem;margin-top:1rem;flex-wrap:wrap}.quick__actions .checkbox{margin-top:0}.quick__saved{font-size:.88rem;color:var(--text-muted)}.quick__saved a{color:var(--accent)}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}@media(max-width:900px){.summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.summary__tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}.summary__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600}.summary__value{font-size:1.25rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary__hint{font-size:.75rem;color:var(--text-muted)}.view-toggle{display:flex;gap:.3rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.shot-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:760px}.shot-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;padding:.65rem .8rem;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--surface)}.shot-table td{padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}.shot-table tr:last-child td{border-bottom:none}.shot-table tbody tr:hover{background:var(--surface-2)}.shot-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.shot-table .strong{font-weight:600}.shot-table .nowrap{white-space:nowrap}.shot-table__title{font-weight:550;display:inline-block;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.shot-table__sub{display:block;font-size:.78rem;color:var(--text-faint)}.tag-private{display:inline-block;margin-left:.4rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius-pill);padding:0 .4rem;vertical-align:middle}.topbar__nav-primary{font-weight:550}.lang-select{background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:.8rem;padding:.3rem .4rem;cursor:pointer}.lang-select:hover{color:var(--text);border-color:var(--line-strong)}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);width:fit-content;max-width:100%;overflow-x:auto}.tab{border:0;background:none;border-radius:var(--radius-pill);padding:.4rem .9rem;font:inherit;font-size:.88rem;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease}.tab:hover{color:var(--text)}.tab.is-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.owned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem}.owned-card{display:flex;gap:.9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem}.owned-card__photo{width:78px;height:78px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--surface-2)}.owned-card__photo--empty{display:grid;place-items:center;font-size:1.6rem;opacity:.4}.owned-card__body{min-width:0;display:flex;flex-direction:column;gap:.15rem}.owned-card__title{font-weight:600;letter-spacing:-.01em}.owned-card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.owned-card{position:relative}.owned-card__usage,.owned-card .gear-card__actions,.owned-card .mods,.owned-card .badge-modified{position:relative;z-index:1}.owned-card__specs,.owned-card__usage{margin:0;font-size:.82rem;color:var(--text-muted)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}.catalog-card{position:relative;display:flex;flex-direction:column;gap:.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .8rem;transition:border-color .14s ease,box-shadow .14s ease}.catalog-card:hover{text-decoration:none}@media(hover:hover){.catalog-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}}.catalog-card__photo{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:.35rem}.catalog-card__photo--empty{display:grid;place-items:center;font-size:1.8rem;opacity:.35}.catalog-card__model{font-weight:600}.catalog-card__rank{position:absolute;top:.5rem;left:.5rem;z-index:1;padding:.1rem .45rem;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-text);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.gallery-strip{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.4rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.gallery-strip__item{flex:0 0 auto;height:190px;padding:0;border:0;margin:0;cursor:zoom-in;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);scroll-snap-align:start}.gallery-strip__item img{height:100%;width:auto;max-width:340px;object-fit:cover;display:block;transition:transform .25s ease}@media(hover:hover){.gallery-strip__item:hover img{transform:scale(1.04)}}@media(max-width:640px){.gallery-strip__item{height:130px}.gallery-strip__item img{max-width:240px}}.gallery-credit{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.4rem;font-size:.85rem;color:var(--text-muted)}.lightbox{background:#000000e0}.lightbox__inner{display:flex;flex-direction:column;gap:.6rem;max-width:min(1100px,94vw);max-height:92vh}.lightbox__inner img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:var(--radius-sm);background:#000}.lightbox__bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:space-between;color:#fff}.lightbox__bar .gallery-credit{margin:0;color:#ffffffbf}.lightbox .muted,.lightbox .gallery-credit,.lightbox .link-button{color:#ffffffc7}.lightbox .button--ghost{color:#ffffffe6;border-color:#ffffff59;background:none}.lightbox .button--ghost:hover:not(:disabled){color:#fff;background:#ffffff24}.lightbox__nav{display:flex;align-items:center;gap:.4rem}.gear-gallery__upload{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.gear-gallery__upload input[type=file]{font-size:.82rem;min-width:0}.gear-gallery__upload>*:nth-child(2){flex:1 1 12rem;min-width:0}.catalog-card__rating{font-size:.85rem;color:var(--accent)}.catalog-card__tags{font-size:.75rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-modified{display:inline-block;align-self:flex-start;margin-top:.35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .4rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.mods{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}.mods__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.mods__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:.86rem}.mods__notes{margin:.1rem 0 0}.rating-picker{display:flex;align-items:center;gap:.15rem}.rating-picker__star{position:relative;background:none;border:none;padding:0;width:1.6rem;height:1.6rem;font-size:1.5rem;line-height:1.6rem;color:var(--line-strong);cursor:pointer}.rating-picker__star-fill{position:absolute;left:0;top:0;bottom:0;overflow:hidden;color:var(--accent);pointer-events:none}@media(hover:hover){.rating-picker.is-previewing .rating-picker__star-fill{opacity:.55}}.rating-picker__half{position:absolute;top:0;bottom:0;width:50%;border:0;padding:0;background:none;cursor:pointer;z-index:1}.rating-picker__half--left{left:0}.rating-picker__half--right{right:0}.rating-picker:hover .rating-picker__star{transform:none}.rating-picker__value{margin-left:.4rem;font-size:.85rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.rating-picker .link-button{margin-left:.5rem;font-size:.78rem}.section-add{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.9rem 1.1rem;text-align:left;background:none;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease}.section-add:hover{border-color:var(--accent);background:var(--surface-2)}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.panel__head>h2{margin:0}.input-with-unit{display:flex;align-items:center;gap:.45rem}.input-with-unit .input{min-width:0}.input-unit{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.modal__section{margin:1.1rem 0 .6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.feedback-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}.feedback-item{border:1px solid var(--line);border-radius:var(--radius-md);padding:.75rem .9rem;background:var(--surface-2)}.feedback-item__meta{display:flex;align-items:center;gap:.6rem;margin:0 0 .35rem}.feedback-item__message{margin:0;white-space:pre-wrap}.feedback-item__photos{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.feedback-item__photos img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}.feedback-item__note{margin:.5rem 0 0;padding:.45rem .6rem;border-left:3px solid var(--accent);background:var(--surface-hover);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.feedback-item__actions{display:flex;gap:.5rem;margin-top:.6rem;align-items:flex-start;flex-wrap:wrap}.feedback-item__actions textarea{flex:1;min-width:200px}.feedback-vote{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:600;padding:.15rem .55rem;cursor:pointer}.feedback-vote.is-active{color:var(--accent);border-color:var(--accent)}.feedback-vote:disabled{cursor:default;opacity:.7}.feedback-status{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--line);color:var(--text-muted)}.feedback-status--open{color:var(--danger);border-color:var(--danger)}.feedback-status--in_progress{color:var(--accent);border-color:var(--accent)}.feedback-status--done{color:var(--success, #3f9d63);border-color:currentColor}.tags+.button,.tags+form{margin-top:.65rem}.chart{margin:0}.chart__title{font-weight:600;margin-bottom:.35rem}.chart__grid{stroke:var(--line);stroke-width:1}.chart__tick{fill:var(--text-faint);font-size:10px}.chart__bar{fill:var(--chart-1)}.chart__crosshair{stroke:var(--line-strong);stroke-dasharray:3 4}.chart__hoverlabel{fill:var(--text);font-size:11px;font-weight:600}.chart__series--1{color:var(--chart-1)}.chart__series--2{color:var(--chart-2)}.chart__series--3{color:var(--chart-3)}.chart__line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart__dot{fill:currentColor;stroke:var(--surface);stroke-width:2}.chart__legend{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:.3rem;font-size:.85rem;color:var(--text-muted)}.chart__legend-item{display:inline-flex;align-items:center;gap:.35rem}.chart__swatch{width:10px;height:10px;border-radius:3px;background:currentColor;display:inline-block}.chart__readout{margin:.2rem 0 0}.chart__table summary{cursor:pointer;margin-top:.35rem}.chart__table table{border-collapse:collapse;font-size:.82rem;margin-top:.4rem}.chart__table th,.chart__table td{border:1px solid var(--line);padding:.2rem .55rem;text-align:right}.chart__table th:first-child,.chart__table td:first-child{text-align:left}.charts-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.user-register{display:flex;flex-direction:column;gap:.6rem}.user-row{display:flex;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:var(--radius-md);padding:.5rem .75rem;background:var(--surface-2);flex-wrap:wrap}.user-row__who{display:flex;align-items:center;gap:.55rem;min-width:180px}.user-row__meta{color:var(--text-muted);font-size:.82rem;flex:1;min-width:200px}.user-row--banned{opacity:.75;border-color:var(--danger)}.user-row__badge{font-size:.72rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--danger);color:var(--danger)}.user-row__badge--admin{border-color:var(--accent);color:var(--accent)}.activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.activity__item{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}.activity__line{min-width:0}.contributors{margin-bottom:.9rem}.contributors__list{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1rem}.contributors__item{display:inline-flex;align-items:center;gap:.4rem}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.history__item{display:flex;gap:.6rem;align-items:flex-start}.history__dot{width:8px;height:8px;border-radius:50%;margin-top:.45rem;flex-shrink:0;background:var(--line-strong)}.history__dot--created{background:var(--accent)}.history__dot--deleted{background:var(--danger)}.history__line{margin:0;font-size:.9rem}.history__user{display:inline-flex;align-items:center;gap:.3rem;vertical-align:middle}.history__changes{margin:.2rem 0 0;padding-left:1rem;font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono)}.comment{display:flex;flex-direction:column}.comment__main{display:flex;gap:.65rem;align-items:flex-start}.comment__avatar{width:32px;height:32px}.comment__body{min-width:0;flex:1}.comment__meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:0 0 .2rem;font-size:.85rem;color:var(--text-muted)}.comment__author{color:var(--text);font-weight:550}.comment__badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius-pill);padding:0 .4rem}.comment__text{margin:0;white-space:pre-wrap;font-size:.93rem}.comment__actions{display:flex;align-items:center;gap:.75rem;margin-top:.3rem}.comment__toggle{font-variant-numeric:tabular-nums}.vote{display:inline-flex;align-items:center;gap:.15rem}.vote__button{background:none;border:none;padding:0 .15rem;font-size:.75rem;line-height:1;color:var(--text-faint);cursor:pointer;border-radius:4px}.vote__button:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.vote__button:disabled{cursor:default;opacity:.45}.vote__button.is-up{color:var(--accent)}.vote__button.is-down{color:#5b8def}.vote__score{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:1.1rem;text-align:center}.vote__score.is-up{color:var(--accent)}.vote__score.is-down{color:#5b8def}.thread--replies{margin:.7rem 0 0 2.4rem;padding-left:.9rem;border-left:2px solid var(--line);gap:.8rem}.thread--flat{margin-left:0;padding-left:.9rem}.setup__link strong{color:var(--text)}.setup__link:hover strong{color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#08090b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1.25rem}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);width:min(620px,100%);max-height:min(92vh,940px);overflow:auto;padding:1.5rem}.modal--wide{width:min(900px,100%)}.modal--confirm{width:min(420px,100%)}.modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem}.modal__head h2{margin:0}.modal__head p{margin:.2rem 0 0;color:var(--text-muted);font-size:.85rem}.modal__close{background:none;border:none;color:var(--text-muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:.2rem}.share-formats{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}.share-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem;display:grid;place-items:center;min-height:240px}.share-preview img{max-height:55vh;width:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.share-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.copy-row{display:flex;gap:.5rem;margin-top:.9rem;align-items:center}.copy-row .input{font-family:var(--font-mono);font-size:.8rem}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.avatar--fallback{display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);font-weight:600}.muted{color:var(--text-muted)}.small{font-size:.85rem}.stars{position:relative;display:inline-block;font-size:.85rem;letter-spacing:.05em;line-height:1;white-space:nowrap}.stars__empty{color:var(--line-strong)}.stars__filled{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--accent)}.banner{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:.6rem .85rem;margin:.8rem 0 0;font-size:.88rem}.verify-reminder{margin:0 0 1.2rem}.banner--error{border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:var(--danger-soft);color:var(--danger)}.banner--hint{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft);color:var(--text)}.empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--text-muted)}.empty h3{color:var(--text);margin-bottom:.3rem}.spinner{display:flex;align-items:center;gap:.6rem;justify-content:center;padding:3rem;color:var(--text-muted);font-size:.9rem}.spinner__dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pager{display:flex;justify-content:center;align-items:center;gap:1rem;color:var(--text-muted);font-size:.88rem;flex-wrap:wrap}.auth{max-width:420px;margin:2rem auto}.auth .panel{display:flex;flex-direction:column;gap:.8rem}.auth .button{align-self:flex-start}.auth code{background:var(--surface-2);border:1px solid var(--line);padding:.05rem .35rem;border-radius:4px;font-family:var(--font-mono);font-size:.85em}@media(max-width:900px){.detail__layout,.two-col{grid-template-columns:1fr}.form-grid,.quick__rest{grid-template-columns:repeat(2,minmax(0,1fr))}.specs--hero{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.content{padding:1.5rem 1rem 3rem}.form-grid,.field--span-2{grid-template-columns:1fr;grid-column:auto}.search{order:4;flex:1 1 100%}.search__panel{min-width:0}.profile__side{align-items:flex-start}.specs--compact{grid-template-columns:repeat(2,1fr)}.quick__numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.quick__rest{grid-template-columns:1fr}.toolbar__search{width:100%}.toolbar__search .input{min-width:0}.stats{flex-wrap:wrap;gap:1rem}}.brewbar{display:block;width:100%;position:relative;outline:none}.brewbar__tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);display:grid;gap:.3rem;width:max-content;max-width:min(21rem,86vw);padding:.55rem .75rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #00000024;color:var(--text-muted);font-size:.76rem;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;z-index:30}.brewbar:hover .brewbar__tip,.brewbar:focus .brewbar__tip,.brewbar:focus-within .brewbar__tip{opacity:1;visibility:visible}.brewcurve{margin:0}.brewcurve svg{display:block;width:100%;height:auto}.brewcurve__tick{fill:var(--text-faint);font-size:12px;font-variant-numeric:tabular-nums}.brewcurve__tick--strong{fill:var(--text-muted)}.brewcurve__rate{fill:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.brewcurve figcaption{margin-top:.3rem;text-align:right}.contact__mail{font-size:1.3rem;font-weight:600}.dimensions{display:grid;gap:.55rem}.dimension{display:grid;grid-template-columns:7rem minmax(4rem,1fr) 2.4rem 5.2rem auto;align-items:center;gap:.7rem}.dimension__label{font-size:.85rem;color:var(--text-muted)}.dimension__track{height:8px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.dimension__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent)}.dimension__value{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.dimension__votes{white-space:nowrap}@media(max-width:640px){.dimension{grid-template-columns:6rem 1fr 2.2rem}.dimension__votes,.dimension__picker{grid-column:2 / -1}}.note-chip{display:inline-flex;align-items:center;gap:.35rem}.note-chip--mine{border-color:var(--accent);color:var(--accent)}.note-chip__count{font-size:.72rem;padding:0 .4rem;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted)}.shelf{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.shelf__count{margin-left:.45rem;font-size:.75rem;opacity:.75;font-variant-numeric:tabular-nums}.brewbar__track{position:relative;height:6px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-soft),var(--data-soft));overflow:visible}.brewbar__soak{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-pill);background:var(--accent);opacity:.55}.brewbar__soak--pause{opacity:.28}.brewbar__ratio{position:absolute;top:-3px;width:3px;height:12px;margin-left:-1.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.brewbar__scale{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.68rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.shotline{display:flex;align-items:baseline;gap:.4rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shotline__num{font-size:1.05rem;font-weight:650}.shotline__arrow{color:var(--accent);font-weight:600}.shotline__sep{color:var(--text-faint)}.shotline__ratio{margin-left:auto;padding:.1rem .45rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600}.taginput{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2.5rem;padding:.3rem .45rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:text;transition:border-color .14s ease,box-shadow .14s ease}.taginput:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.taginput__tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .3rem .15rem .55rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.83rem;font-weight:550;white-space:nowrap}.taginput__remove{border:0;background:none;padding:0 .15rem;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.7}.taginput__remove:hover{opacity:1}.taginput__field{flex:1 1 6rem;min-width:6rem;border:0;outline:none;background:none;color:inherit;font:inherit;font-size:.92rem;padding:.25rem .15rem}.taginput__field::placeholder{color:var(--text-faint)}.quick{border-color:var(--line-strong);border-top:3px solid var(--accent);background:linear-gradient(var(--surface),var(--surface-2));margin-bottom:1.5rem}.panel--collapsible{padding-bottom:1.25rem}.panel--collapsible.is-closed{padding-bottom:.4rem}.panel__toggle{display:flex;align-items:baseline;gap:.65rem;width:100%;padding:0 0 .55rem;margin-bottom:.9rem;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.panel--collapsible.is-closed .panel__toggle{margin-bottom:0;border-bottom-color:transparent}.panel__toggle>h2{margin:0;padding:0;border:0}.panel__summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--text-muted)}.panel__chevron{margin-left:auto;color:var(--text-faint);font-size:.8rem}.form-actions--top{margin-bottom:.6rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brand-filter{overflow-x:auto;padding-bottom:.2rem}.catalog-card__brand{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.icon-button.is-active,.card .icon-button.is-active{color:#d3453b}html.dark .icon-button.is-active,html.dark .card .icon-button.is-active{color:#f2685c}.icon-button.bookmark.is-active,.card .icon-button.bookmark.is-active{color:var(--accent)}.button.is-saved{border-color:var(--accent);color:var(--accent)}.entry-link{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0;font-size:.9rem}.entry-link__url{font-weight:600}.entry-link--form{gap:.4rem}.entry-link--form input{flex:1 1 16rem;min-width:0}.section-heading{margin:.6rem 0 -.3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.icon-button svg,.button svg{flex:none}@media(max-width:1080px){.topbar__inner{flex-wrap:wrap}.topbar__nav{order:3;width:100%;flex-basis:100%}.search{flex:1 1 12rem}}.usermenu{position:relative;display:flex}.usermenu__panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:40;min-width:11rem;display:flex;flex-direction:column;padding:.35rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg)}.usermenu__who{padding:.35rem .6rem .45rem;font-size:.78rem;color:var(--text-faint);border-bottom:1px solid var(--line);margin-bottom:.25rem}.usermenu__panel a,.usermenu__panel button{display:block;width:100%;text-align:left;padding:.4rem .6rem;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.usermenu__panel a:hover,.usermenu__panel button:hover{background:var(--surface-hover);text-decoration:none}.legal{max-width:46rem;display:flex;flex-direction:column;gap:1.4rem}.legal section{display:flex;flex-direction:column;gap:.5rem}.legal h2{font-size:1.05rem;margin:0}.legal h3{font-size:.95rem;margin:.4rem 0 0}.legal p,.legal li{line-height:1.65;color:var(--text-muted)}.legal strong,.legal a{color:var(--text)}.legal ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}.footer__legal{display:flex;gap:1.1rem;justify-content:center;margin-top:.4rem;font-size:.82rem}.footer__legal a{color:var(--text-faint)}.retired-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.35rem 0}.retired-row+.retired-row{border-top:1px solid var(--line)}.checkbox--retire{color:var(--danger)}.checkbox--retire input{accent-color:var(--danger)}.character__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.6rem}.character__item{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.character__item--wide{grid-column:1 / -1}.character__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.character__taste{margin:0;font-size:1.02rem;line-height:1.5}.roast-scale{display:flex;flex-direction:column;gap:.15rem}.roast-scale--compact{flex-direction:row;align-items:center;gap:.45rem}.roast-scale__beans{position:relative;display:flex;align-items:center;gap:.15rem}.roast-scale__track{position:absolute;left:4px;right:4px;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#c89d6f,#a97c4e,#8a5d36,#633d20,#3d2412);opacity:.45}.roast-scale__step{position:relative;display:grid;place-items:center;padding:2px;border-radius:50%}.roast-scale__step.is-active{outline:2px solid var(--accent);outline-offset:1px;background:var(--surface);box-shadow:0 1px 4px #00000040}.roast-scale__label{font-size:.85rem;color:var(--text-muted)}.roast-scale--compact .roast-scale__label{font-size:.9rem;color:var(--text)}.acidity{display:flex;gap:.3rem;padding:.3rem 0}.acidity__dot{width:10px;height:10px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-strong)}.acidity__dot.is-on{background:var(--accent);border-color:var(--accent)}.blend-bar{width:min(220px,100%);height:12px;border-radius:var(--radius-pill);background:#3d2412;overflow:hidden;display:block}.blend-bar__arabica{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#d9a06a)}.theme-toggle{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:none;color:var(--text-muted);cursor:pointer}.theme-toggle:hover{color:var(--text);background:var(--surface-hover)}