:root{--bg-void:#14171a;--bg-panel:#1b1f23;--bg-raised:#242a30;--bg-raised-2:#2d343c;--line:#333a41;--line-soft:#23282d;--gold:#b8863f;--gold-bright:#dcae67;--gold-dim:#b8863f24;--gold-border:#b8863f52;--blood:#8a4a3a;--blood-bright:#c17358;--blood-dim:#a5503e29;--blood-border:#a5503e73;--parchment:#e9e3d4;--parchment-dim:#c2bcaa;--ink:#9c9587;--ink-dim:#6c6659;--ink-on-accent:#1c1408;--success:#86a06f;--success-dim:#86a06f29;--success-border:#86a06f59;--danger:#a5503e;--kinship:#5f8f8b;--kinship-bright:#8fc9c3;--kinship-dim:#5f8f8b29;--kinship-border:#5f8f8b66;--font-display:Cinzel, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-body:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-card:0 2px 10px #00000059;--shadow-raised:0 8px 24px #00000073;--nav-h:64px;--topbar-h:56px;--chart-blue:#3987e5;--chart-orange:#d95926;--chart-aqua:#199e70;--chart-violet:#9085e9;--chart-magenta:#d55181;--chart-yellow:#c98500;--chart-green:#008300;--chart-red:#e66767}:root[data-theme=light]{--bg-void:#f2ede0;--bg-panel:#fffdf7;--bg-raised:#ece4d2;--bg-raised-2:#e1d7c0;--line:#ddd0b3;--line-soft:#e8ddc2;--gold:#8a5a22;--gold-bright:#a9752f;--gold-dim:#8a5a221a;--gold-border:#8a5a2252;--blood:#8a3d2c;--blood-bright:#a34f3a;--blood-dim:#8a3d2c21;--blood-border:#8a3d2c66;--parchment:#241f15;--parchment-dim:#453d2e;--ink:#6c6350;--ink-dim:#948a72;--success:#4c6b39;--success-dim:#4c6b3921;--success-border:#4c6b3961;--danger:#8a3d2c;--kinship:#3f6d69;--kinship-bright:#2f5551;--kinship-dim:#3f6d6921;--kinship-border:#3f6d6966;--shadow-card:0 2px 10px #3c321e29;--shadow-raised:0 8px 24px #3c321e38;--chart-blue:#2a78d6;--chart-orange:#eb6834;--chart-aqua:#1baf7a;--chart-violet:#4a3aa7;--chart-magenta:#e87ba4;--chart-yellow:#eda100;--chart-green:#008300;--chart-red:#e34948}:root[data-hobby=dnd]{--gold:#7c5cb0;--gold-bright:#a88bdd;--gold-dim:#7c5cb024;--gold-border:#7c5cb057}:root[data-theme=light][data-hobby=dnd]{--gold:#5c4088;--gold-bright:#7457a6;--gold-dim:#5c40881a;--gold-border:#5c408852}html[data-theme=light]{background-image:radial-gradient(ellipse 900px 500px at 50% -10%, var(--gold-dim), transparent 60%);background-position:top;background-repeat:no-repeat;background-size:auto;background-attachment:fixed}*{box-sizing:border-box}html,body{color:var(--parchment);font-family:var(--font-body);-webkit-font-smoothing:antialiased;height:100%;margin:0;padding:0}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],.notes-block,.comment-row__body,.detail-sub{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html{background-color:var(--bg-void);background-image:radial-gradient(ellipse 900px 500px at 50% -10%, var(--gold-dim), transparent 60%), linear-gradient(#08070573, #08070573), url(/img/bg-mobile.jpg);background-position:top,top,top;background-repeat:no-repeat,no-repeat,no-repeat;background-size:auto,auto,cover;background-attachment:fixed,fixed,fixed}@media (width>=860px){html{background-image:radial-gradient(ellipse 900px 500px at 50% -10%, var(--gold-dim), transparent 60%), linear-gradient(#08070573, #08070573), url(/img/bg-desktop.jpg)}}html[data-hobby=dnd]{background-image:radial-gradient(ellipse 900px 500px at 50% -10%, var(--gold-dim), transparent 60%), linear-gradient(#05060a9e, #05060a9e), url(/img/dnd-mobile.jpg)}@media (width>=860px){html[data-hobby=dnd]{background-image:radial-gradient(ellipse 900px 500px at 50% -10%, var(--gold-dim), transparent 60%), linear-gradient(#05060a9e, #05060a9e), url(/img/dnd-desktop.jpg)}}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--gold);color:var(--bg-void)}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#app{flex-direction:column;min-height:100%;display:flex}.side-nav{display:none}.topbar{z-index:20;height:var(--topbar-h);background:color-mix(in srgb, var(--bg-void) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold-bright);white-space:nowrap;align-items:center;gap:8px;font-size:17px;display:flex}.topbar__brand .glyph{color:var(--gold);font-size:15px}.topbar__spacer{flex:1}.search-dropdown{z-index:25;background:var(--bg-raised-2);border:1px solid var(--line);border-radius:var(--radius-md);max-height:60vh;box-shadow:var(--shadow-raised);padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-dropdown__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);padding:6px 8px 4px;font-size:10px}.search-dropdown__item{border-radius:var(--radius-sm);color:var(--parchment);cursor:pointer;align-items:center;gap:8px;padding:9px 8px;font-size:13.5px;display:flex}.search-dropdown__item:hover{background:var(--bg-raised)}.search-dropdown__item svg{opacity:.6;flex-shrink:0}.search-dropdown__empty{color:var(--ink-dim);padding:10px 8px;font-size:13px}.global-search input{font-size:16px}main{min-width:0;padding:16px 16px calc(var(--nav-h) + 96px);flex:1;width:100%;max-width:720px;margin:0 auto}.page-title{font-family:var(--font-display);color:var(--parchment);letter-spacing:.01em;margin:4px 0 16px;font-size:22px}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;margin:28px 0 10px;font-size:11px;display:flex}.section-label:after{content:"";background:var(--line);flex:1;height:1px}.section-label:first-child{margin-top:0}.section-see-all{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11px}.bottom-nav{height:var(--nav-h);background:color-mix(in srgb, var(--bg-panel) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-soft);z-index:30;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--ink);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;transition:color .15s;display:flex}.bottom-nav__item svg{stroke:currentColor;fill:none;width:25px;height:25px}.bottom-nav__item.is-active{color:var(--gold-bright)}.bottom-nav__item.is-active .avatar{border-color:var(--gold-bright)}.fab{right:20px;bottom:calc(var(--nav-h) + 20px);background:linear-gradient(155deg, var(--blood-bright), var(--blood));width:56px;height:56px;color:var(--parchment);box-shadow:var(--shadow-raised);cursor:pointer;z-index:25;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:26px;transition:transform .15s;display:flex;position:fixed}.fab:hover{transform:translateY(-2px)scale(1.03)}.fab:active{transform:scale(.96)}.faction-row{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.faction-row::-webkit-scrollbar{display:none}.faction-row--wrap{flex-wrap:wrap;overflow-x:visible}.filter-icon-btn{border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.filter-icon-btn:hover{color:var(--gold-bright);border-color:var(--gold)}.filter-icon-btn svg{stroke:currentColor;fill:none;width:16px;height:16px}.filter-icon-btn.is-active{color:var(--gold-bright);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, var(--bg-panel))}.range-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.range-tile{border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--line);cursor:pointer;padding:14px 12px;transition:border-color .15s,transform .15s}.range-tile:hover{border-color:var(--gold);transform:translateY(-2px)}.range-tile__name{margin-bottom:4px;font-weight:600}.range-tile__count{font-family:var(--font-mono);color:var(--ink-dim);font-size:11px}.range-tile__swatches{gap:4px;margin-top:8px;display:flex}.range-tile__swatches span{border-radius:3px;flex:1;height:14px;box-shadow:inset 0 0 0 1px #ffffff1f}.filter-icon-btn__count{background:var(--gold);min-width:16px;height:16px;color:var(--ink-on-accent);font-family:var(--font-mono);text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.filter-overlay{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-overlay__backdrop{background:#0009;position:absolute;inset:0}.filter-overlay__panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:80vh;box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:relative}.filter-overlay__header{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.filter-overlay__body{padding:4px 16px 16px;overflow-y:auto}.filter-toggle-row{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.filter-overlay__footer{border-top:1px solid var(--line-soft);flex-shrink:0;gap:10px;padding:14px 16px;display:flex}@media (width>=860px){.filter-overlay{align-items:center}.filter-overlay__panel{border-radius:var(--radius-lg)}}.faction-chip{background:var(--bg-panel);border:1px solid var(--line);color:var(--parchment-dim);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:13px;transition:border-color .15s,color .15s,background .15s;display:flex}.faction-chip__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.faction-chip.is-active{color:var(--parchment);background:var(--bg-raised-2);border-color:var(--chip-color,var(--gold))}.continue-card{background:linear-gradient(120deg, var(--bg-panel), var(--bg-raised));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;align-items:center;gap:14px;padding:14px;transition:border-color .15s;display:flex}.continue-card:hover{border-color:var(--gold)}.emblem-badge{background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--faction-color,var(--gold)) 26%, var(--bg-raised)), var(--bg-raised));border:1px solid color-mix(in srgb, var(--faction-color,var(--gold)) 45%, var(--line));color:var(--faction-color,var(--gold));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.emblem-badge--sm{width:34px;height:34px}.emblem-badge--md{width:46px;height:46px}.emblem-badge--lg{width:58px;height:58px}.emblem-badge--xl{width:92px;height:92px}.continue-card__hero{border-radius:var(--radius-md);background:var(--bg-raised-2);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.continue-card__body{flex:1;min-width:0}.continue-card__eyebrow{font-family:var(--font-mono);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}.continue-card__title{font-family:var(--font-display);color:var(--parchment);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:16px;overflow:hidden}.continue-card__chevron{color:var(--ink);flex-shrink:0}.recipe-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.recipe-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.recipe-card:hover{border-color:var(--faction-color,var(--gold));transform:translateY(-2px)}.recipe-card__hero{background:radial-gradient(circle at 30% 15%, color-mix(in srgb, var(--faction-color,var(--gold)) 22%, transparent), transparent 65%), var(--bg-raised);border-bottom:3px solid var(--faction-color,var(--gold));justify-content:center;align-items:center;height:84px;font-size:34px;display:flex;position:relative}.recipe-card__hero:before{content:"";background:radial-gradient(circle at 30% 20%,#ffffff0f,#0000 60%);position:absolute;inset:0}.recipe-card__stack{gap:2px;display:flex;position:absolute;bottom:-3px;left:8px}.recipe-card__stack span{border-radius:2px;width:8px;height:8px;display:block}.recipe-card__body{padding:10px 11px 12px}.recipe-card__id{font-family:var(--font-mono);color:var(--ink);letter-spacing:.06em;font-size:10px}.recipe-card__name{font-family:var(--font-display);color:var(--parchment);margin-top:3px;font-size:14px;line-height:1.3}.recipe-card__meta{color:var(--ink);justify-content:space-between;align-items:center;margin-top:7px;font-size:11px;display:flex}.recipe-card__meta-right{align-items:center;gap:8px;display:flex}.recipe-card__score{color:var(--ink-dim);align-items:center;gap:3px;display:flex}.recipe-card__score svg{width:11px;height:11px}.recipe-card__saved{color:var(--gold-bright);align-items:center;margin-left:4px;display:inline-flex}.recipe-card__saved svg{vertical-align:middle;width:11px;height:11px}.icon-btn.is-active{color:var(--gold-bright);border-color:var(--gold-bright)}.recipe-card__author{color:var(--gold-bright);align-items:center;gap:4px;margin-top:5px;font-size:11px;display:flex}.shared-badge{background:var(--bg-raised);color:var(--gold-bright);border-radius:999px;align-items:center;gap:5px;margin-top:4px;padding:3px 9px;font-size:12px;display:inline-flex}.share-toggle{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-panel);cursor:pointer;align-items:center;gap:14px;padding:12px 14px;display:flex}.share-toggle__text{flex-direction:column;flex:1;gap:3px;display:flex}.share-toggle__text strong{color:var(--parchment);font-size:14px}.share-toggle__text span{color:var(--ink);font-size:12px;line-height:1.4}.share-toggle__switch{background:var(--bg-raised-2);border:1px solid var(--line);border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.share-toggle__switch i{background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.share-toggle.is-on .share-toggle__switch{background:var(--gold);border-color:var(--gold)}.share-toggle.is-on .share-toggle__switch i{background:var(--bg-void);transform:translate(18px)}.recipe-master__list,.recipe-master__placeholder,.recipe-master__rail,.home-layout__rail{display:none}.compact-recipe-row{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:8px;display:flex}.compact-recipe-row:hover{background:var(--bg-panel)}.compact-recipe-row.is-active{background:var(--bg-raised);border-color:var(--faction-color,var(--gold))}.compact-recipe-row__thumb{border-radius:var(--radius-sm);background:var(--bg-raised);background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.compact-recipe-row__info{flex:1;min-width:0}.compact-recipe-row__name{color:var(--parchment);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.compact-recipe-row__meta{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 5px;font-size:11px;overflow:hidden}.compact-recipe-row__stack{border-radius:2px;max-width:80px;height:4px;display:flex;overflow:hidden}.compact-recipe-row__stack span{flex:1;display:block}.search-filter-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.search-filter-row .mini-search{margin-bottom:0}.mini-search{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;min-width:0;margin-bottom:12px;padding:8px 10px;display:flex;position:relative;box-shadow:inset 0 1px 3px #0000002e}.mini-search svg{width:14px;height:14px;stroke:var(--ink-dim);fill:none;flex-shrink:0}.mini-search input{min-width:0;color:var(--parchment);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.mini-search input::placeholder{color:var(--ink-dim)}.difficulty{gap:2px;display:flex}.difficulty span{background:var(--line);border-radius:50%;width:5px;height:5px}.difficulty span.is-filled{background:var(--gold)}.empty-state{text-align:center;color:var(--ink);padding:48px 20px}.empty-state__glyph{opacity:.7;margin-bottom:10px;font-size:34px}.empty-state__title{font-family:var(--font-display);color:var(--parchment-dim);margin-bottom:6px;font-size:16px}.empty-state__sub{max-width:32ch;margin:0 auto;font-size:13px;line-height:1.5}.detail-hero{border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--line);border-bottom:4px solid var(--faction-color,var(--gold));height:150px;box-shadow:var(--shadow-raised);justify-content:center;align-items:center;margin-bottom:14px;font-size:60px;display:flex;position:relative;overflow:hidden}.detail-hero:before{content:"";background:radial-gradient(circle at 30% 20%,#ffffff0d,#0000 60%);position:absolute;inset:0}.report-photo-btn{width:26px;height:26px;color:var(--parchment);cursor:pointer;z-index:1;background:#00000073;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.detail-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.detail-title{font-family:var(--font-display);color:var(--parchment);font-size:21px;line-height:1.25}.detail-title--identity{font-family:var(--font-body);font-weight:700}.detail-id{font-family:var(--font-mono);color:var(--gold);letter-spacing:.08em;margin-bottom:4px;font-size:11px;display:block}.detail-faction-tag{color:var(--parchment-dim);background:var(--bg-panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:5px 11px;font-size:12px;display:inline-flex}.metastrip{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);margin-top:10px;display:flex;overflow:hidden}.metastrip__cell{text-align:center;border-right:1px solid var(--line);flex:1;padding:10px 14px}.metastrip__cell:last-child{border-right:none}.metastrip__n{min-height:16px;font-family:var(--font-mono);color:var(--gold);justify-content:center;align-items:center;font-size:15px;display:flex}.metastrip__l{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;font-size:9px}.icon-btn{border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--gold-bright);border-color:var(--gold)}.icon-btn svg{stroke:currentColor;fill:none;width:16px;height:16px}.topbar__bell{border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.topbar__bell:hover{color:var(--gold-bright);border-color:var(--gold)}.topbar__bell svg{stroke:currentColor;fill:none;width:18px;height:18px}.topbar__bell-badge{background:var(--blood-bright);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.hobby-switch{flex-shrink:0;position:relative}.hobby-switch__trigger{border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;padding:0 10px;font-size:13px;display:flex}.hobby-switch__trigger:hover{color:var(--gold-bright);border-color:var(--gold)}.hobby-switch__trigger svg{stroke:currentColor;fill:none;width:14px;height:14px}.hobby-switch__menu{z-index:25;background:var(--bg-raised-2);border:1px solid var(--line);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-raised);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.hobby-switch__row{align-items:center;gap:2px;display:flex}.hobby-switch__item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--parchment-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:9px 10px;font-size:13px;display:block}.hobby-switch__item:hover{background:var(--bg-raised)}.hobby-switch__item.is-active{color:var(--gold-bright);background:var(--gold-dim)}.hobby-switch__default-star{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hobby-switch__default-star:hover,.hobby-switch__default-star.is-on{color:var(--gold-bright)}.layer-stack{border-radius:var(--radius-md);border:1px solid var(--line);flex-direction:column;gap:1px;display:flex;overflow:hidden}.layer-stack__row{background:var(--bg-panel);align-items:stretch;min-height:52px;display:flex}.layer-stack__swatch{flex-shrink:0;width:10px}.layer-stack__content{flex:1;min-width:0;padding:9px 12px}.layer-stack__top{align-items:baseline;gap:8px;display:flex}.layer-stack__technique{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);flex-shrink:0;font-size:10.5px}.layer-stack__paint{color:var(--parchment);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.layer-stack__notes{color:var(--ink);margin-top:3px;font-size:12.5px;line-height:1.45}.layer-stack__num{width:22px;font-family:var(--font-mono);color:var(--ink-dim);background:var(--bg-raised);border-right:1px solid var(--line);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.paint-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.paint-row{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:11px;padding:9px 12px;display:flex}.paint-row.is-owned{border-color:var(--success-border);background:linear-gradient(180deg, var(--success-dim), var(--bg-panel))}.paint-row__swatch{border-radius:50%;flex-shrink:0;width:26px;height:26px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,inset 3px 3px 6px #ffffff2e,0 1px 3px #0006}.paint-row__swatch:after{content:"";filter:blur(1px);background:#ffffff59;border-radius:50%;width:6px;height:4px;position:absolute;top:4px;left:6px}.paint-type-badge{color:#ffffffd9;pointer-events:none;background:#120e0acc;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 1px #ffffff38}.paint-type-badge svg{width:7px;height:7px}.colour-match-source .paint-type-badge{width:16px;height:16px;bottom:-3px;right:-3px}.feed-card__hero--swatch .paint-type-badge{width:26px;height:26px;bottom:10px;right:10px}.feed-card__hero--swatch .paint-type-badge svg{width:14px;height:14px}.colour-match-source .paint-type-badge svg{width:9px;height:9px}.lib-row__rating{color:var(--gold-bright);pointer-events:none;background:#120e0acc;border-radius:6px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:-2px;left:-2px;box-shadow:0 0 0 1px #ffffff38}.paint-row__name{color:var(--parchment);font-size:13.5px;font-weight:600}.paint-row__brand{color:var(--ink);margin-top:1px;font-size:11.5px}.paint-row__hex{font-family:var(--font-mono);color:var(--ink-dim);margin-left:auto;font-size:11px}.notes-block{background:var(--bg-panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius-sm);color:var(--parchment-dim);padding:12px 14px;font-size:13.5px;line-height:1.6}.detail-actions{gap:10px;margin-top:24px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:filter .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(155deg, var(--gold-bright), var(--gold));color:var(--ink-on-accent);box-shadow:0 2px 8px var(--gold-dim)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:var(--bg-panel);border-color:var(--line);color:var(--parchment-dim)}.btn-ghost:hover{border-color:var(--gold);color:var(--parchment)}.btn-danger{background:var(--bg-panel);border-color:var(--blood);color:var(--blood-bright)}.btn-danger:hover{background:var(--blood);color:var(--parchment)}.btn-block{width:100%}.field{margin-bottom:16px}.field label{color:var(--ink);letter-spacing:.02em;margin-bottom:6px;font-size:12px;display:block}.field input[type=text],.field input[type=number],.field input[type=email],.field input[type=password],.field select,.field textarea{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--parchment);padding:10px 12px;font-family:inherit;font-size:16px;box-shadow:inset 0 1px 3px #0000002e}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none}.field textarea{resize:vertical;min-height:70px}.field-hex-row{align-items:center;gap:8px;display:flex}.field-hex-row input[type=color]{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-panel);cursor:pointer;flex-shrink:0;width:42px;height:42px;padding:3px}.repeater-item{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:10px;padding:12px;position:relative}.repeater-item__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.repeater-item__num{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:11px}.repeater-item__controls{gap:6px;display:flex}.icon-btn-sm{border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--line);width:26px;height:26px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-btn-sm svg{stroke:currentColor;fill:none;width:13px;height:13px;transform:rotate(-90deg)}.icon-btn-sm.repeater-item__down svg{transform:rotate(90deg)}.icon-btn-sm:disabled{opacity:.35;cursor:default}.icon-btn-sm:not(:disabled):hover{color:var(--gold-bright);border-color:var(--gold)}.repeater-item__remove{border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--line);width:26px;height:26px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:14px;display:flex}.repeater-item__remove:hover{color:var(--blood-bright);border-color:var(--blood)}.repeater-insert{border-radius:var(--radius-sm);width:100%;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;margin:-4px 0 10px;padding:7px;font-size:11px}.repeater-insert:hover{color:var(--gold-bright)}.repeater-add{border-radius:var(--radius-md);border:1px dashed var(--line);width:100%;color:var(--ink);cursor:pointer;background:0 0;margin-bottom:20px;padding:12px;font-size:13px}.repeater-add:hover{border-color:var(--gold);color:var(--gold-bright)}.difficulty-picker{gap:8px;display:flex}.difficulty-picker button{border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;font-family:var(--font-mono)}.difficulty-picker button.is-selected{background:var(--gold);border-color:var(--gold);color:var(--ink-on-accent)}.faction-picker{flex-wrap:wrap;gap:8px;display:flex}.faction-picker button{background:var(--bg-panel);border:1px solid var(--line);color:var(--parchment-dim);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;display:flex}.faction-picker button.is-selected{border-color:var(--picker-color,var(--gold));color:var(--parchment);background:var(--bg-raised-2)}.tech-picker{flex-wrap:wrap;gap:6px;display:flex}.tech-picker button{font-family:var(--font-mono);letter-spacing:.02em;background:var(--bg-panel);border:1px solid var(--line);color:var(--parchment-dim);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:11.5px}.tech-picker button.is-selected{background:var(--bg-raised-2);border-color:var(--gold);color:var(--gold-bright)}.grouphead{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;margin:16px 0 8px;font-size:10px;display:flex}.grouphead:after{content:"";background:var(--line);flex:1;height:1px}.faction-picker .dot{border-radius:50%;width:9px;height:9px}.paint-lib-row{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.paint-lib-row__count{font-family:var(--font-mono);color:var(--ink);background:var(--bg-raised);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11px}.restock-badge{font-family:var(--font-mono);color:var(--blood-bright,#a8323f);border:1px solid var(--blood,#7a2a32);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px}.qty-badge{font-family:var(--font-mono);color:var(--parchment-dim);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px}.lib-progress{align-items:center;gap:16px;margin-bottom:14px;display:flex}.lib-progress__stats{gap:20px;display:flex}.lib-progress__stat{text-align:center}.lib-progress__n{font-family:var(--font-mono);color:var(--gold);font-size:17px}.lib-progress__n small{color:var(--ink);font-size:12px}.lib-progress__l{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px;font-size:9px;display:block}.lib-progress__bar{background:var(--bg-raised-2);border-radius:4px;flex:1;height:6px;overflow:hidden}.lib-progress__bar i{background:linear-gradient(90deg, var(--gold), var(--gold-bright));height:100%;display:block}.lib-filter-seg{background:var(--bg-panel);border:1px solid var(--line);border-radius:9px;margin-bottom:10px;padding:3px;display:flex}.lib-filter-seg button{color:var(--parchment-dim);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:11px;display:flex}.lib-filter-seg button .b{color:var(--ink-dim);font-size:10px}.lib-filter-seg button.is-active{background:var(--gold);color:var(--ink-on-accent)}.lib-filter-seg button.is-active .b{color:#4a3a12}.lib-section-count{color:var(--ink-dim);text-transform:none;letter-spacing:.03em;font-size:10px}.lib-list-header{background:var(--bg-panel);border-bottom:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;padding:0 10px;display:flex}.lib-list-header .section-label{margin:0}.lib-list-header .section-label:after{display:none}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.lib-row{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.lib-row:hover{border-color:var(--gold)}.lib-row.is-owned{border-color:var(--success-border);background:linear-gradient(180deg, var(--success-dim), var(--bg-panel))}.lib-row__info{flex:1;min-width:0}.lib-row__flag{border:1px solid var(--line);background:var(--bg-void);width:32px;height:32px;color:var(--ink-dim);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lib-row__flag svg{stroke:currentColor;fill:none;width:14px;height:14px}.lib-row__flag.is-wanted.is-on,.lib-row__flag.is-restock.is-on{background:var(--blood-dim);border-color:var(--blood-bright);color:var(--blood-bright)}.lib-row__ring{border:2px solid var(--line);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.lib-row__ring svg{stroke:currentColor;fill:none;width:14px;height:14px}.lib-row.is-owned .lib-row__ring,.lib-row__ring.is-owned{background:var(--success);border-color:var(--success);color:var(--ink-on-accent)}.lib-row__ring--add{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold-bright)}.lib-row__ring--add svg{stroke:currentColor;fill:none;width:14px;height:14px}.lib-row__qty{background:var(--bg-void);border:1px solid var(--line);border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.lib-row__qty-btn{width:24px;height:24px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.lib-row__qty-btn:hover{background:var(--bg-raised-2);color:var(--gold-bright)}.lib-row__qty-n{text-align:center;min-width:20px;font-family:var(--font-mono);color:var(--parchment);font-size:13px}.settings-group{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:20px;overflow:hidden}.settings-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row__label{color:var(--parchment);font-size:14px}.settings-row__desc{color:var(--ink);margin-top:2px;font-size:12px}.theme-toggle{border:1px solid var(--line);border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.theme-toggle__btn{color:var(--ink);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:12.5px}.theme-toggle__btn.is-active{background:var(--bg-raised);color:var(--gold-bright);font-weight:600}.toast{left:50%;bottom:calc(var(--nav-h) + 20px);background:var(--bg-raised-2);border:1px solid var(--gold);color:var(--parchment);z-index:50;opacity:0;pointer-events:none;box-shadow:var(--shadow-raised);border-radius:999px;padding:10px 18px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(10px)}.toast.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.page-enter{animation:.22s page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=860px){#app{flex-direction:row}.topbar{width:auto;position:fixed;top:0;left:220px;right:0}.side-nav{background:color-mix(in srgb, var(--bg-panel) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--line-soft);z-index:30;flex-direction:column;width:220px;padding:18px 12px;display:flex;position:fixed;top:0;bottom:0;left:0}.side-nav__brand{font-family:var(--font-display);color:var(--gold-bright);align-items:center;gap:8px;padding:6px 10px 22px;font-size:18px;display:flex}.side-nav__item{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 12px;font-size:14px;display:flex}.side-nav__item svg{stroke:currentColor;fill:none;width:18px;height:18px}.side-nav__item.is-active{background:var(--bg-raised);color:var(--gold-bright)}.side-nav__item.is-active .avatar{border-color:var(--gold-bright)}.bottom-nav{display:none}main{margin-left:220px;margin-top:var(--topbar-h);max-width:880px;padding:24px 32px 60px}.fab{bottom:40px;right:40px}.recipe-grid{grid-template-columns:repeat(3,1fr)}.field input[type=text],.field input[type=number],.field input[type=email],.field input[type=password],.field select,.field textarea,.global-search input{font-size:14px}main:has(.recipe-master){max-width:1200px}.recipe-master{grid-template-columns:300px 1fr;align-items:start;gap:28px;display:grid}.recipe-master__list{top:calc(var(--topbar-h) + 24px);max-height:calc(100vh - var(--topbar-h) - 48px);flex-direction:column;gap:4px;padding-right:4px;display:flex;position:sticky;overflow-y:auto}.recipe-master__placeholder{display:flex}.recipe-master__mobile-grid{display:none}main:has(.view-wide){max-width:1320px}.home-layout{grid-template-columns:640px 280px;align-items:start;gap:32px;display:grid}.home-layout__rail{top:calc(var(--topbar-h) + 24px);flex-direction:column;gap:4px;display:flex;position:sticky}}@media (width>=1180px){.recipe-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1500px){main:has(.recipe-master){max-width:1520px}.recipe-master{grid-template-columns:300px 1fr 280px}.recipe-master__rail{top:calc(var(--topbar-h) + 24px);max-height:calc(100vh - var(--topbar-h) - 48px);flex-direction:column;gap:4px;display:flex;position:sticky;overflow-y:auto}}.hidden{display:none!important}.mobile-only{display:block}.desktop-only{display:none}@media (width>=860px){.mobile-only{display:none}.desktop-only{display:block}}.recipe-card__hero.has-photo,.continue-card__hero.has-photo,.detail-hero.has-photo{background-position:50%;background-size:cover}.detail-hero.has-photo{height:210px}.detail-hero.has-photo:before{background:linear-gradient(to top, color-mix(in srgb, var(--bg-void) 45%, transparent), transparent 45%)}.detail-pager{justify-content:center;align-items:center;gap:12px;margin:2px 0 12px;display:flex}.detail-pager span{font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;font-size:11px}.detail-pager .icon-btn[disabled]{opacity:.3;pointer-events:none}.photo-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-field__preview{border-radius:var(--radius-md);border:1px solid var(--line);background-position:50%;background-size:cover;flex-shrink:0;width:84px;height:84px}.page-enter.swipe-in-left{animation:.24s cubic-bezier(.2,.7,.3,1) both swipe-in-from-right}.page-enter.swipe-in-right{animation:.24s cubic-bezier(.2,.7,.3,1) both swipe-in-from-left}@keyframes swipe-in-from-right{0%{opacity:.35;transform:translate(64px)}to{opacity:1;transform:translate(0)}}@keyframes swipe-in-from-left{0%{opacity:.35;transform:translate(-64px)}to{opacity:1;transform:translate(0)}}.faction-chip__emblem{align-items:center;margin-right:2px;display:inline-flex}.faction-chip__count{font-family:var(--font-mono);color:var(--ink);margin-left:4px;font-size:10px}.alliance-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:14px 2px 8px;font-size:10px}.faction-tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-bottom:6px;display:grid}.faction-tile{aspect-ratio:1.2;border-radius:var(--radius-md);cursor:pointer;background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--faction-color,var(--gold)) 40%, var(--bg-raised-2)), color-mix(in srgb, var(--faction-color,var(--gold)) 16%, var(--bg-void)) 78%);border:1px solid color-mix(in srgb, var(--faction-color,var(--gold)) 55%, var(--line));--tile-pattern:none;--tile-pattern-size:auto;content-visibility:auto;contain-intrinsic-size:0 140px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 6px 14px -6px #00000080}.faction-tile:before{content:"";background-image:var(--tile-pattern);background-size:var(--tile-pattern-size);mix-blend-mode:overlay;opacity:.5;pointer-events:none;position:absolute;inset:0}.faction-tile:hover{border-color:var(--faction-color,var(--gold));transform:translateY(-2px)}.faction-tile--imperium{--tile-pattern:repeating-linear-gradient(45deg, #ffffff29 0 1px, transparent 1px 9px)}.faction-tile--chaos{--tile-pattern:repeating-linear-gradient(45deg, #ffffff24 0 1.5px, transparent 1.5px 7px), repeating-linear-gradient(-45deg, #ffffff24 0 1.5px, transparent 1.5px 7px)}.faction-tile--xenos{--tile-pattern:radial-gradient(circle, #ffffff38 1.4px, transparent 1.6px);--tile-pattern-size:9px 9px}.faction-tile--order{--tile-pattern:repeating-linear-gradient(0deg, #ffffff26 0 1px, transparent 1px 11px), repeating-linear-gradient(90deg, #ffffff26 0 1px, transparent 1px 11px)}.faction-tile--death{--tile-pattern:repeating-linear-gradient(60deg, #ffffff21 0 1px, transparent 1px 13px), repeating-linear-gradient(-60deg, #ffffff21 0 1px, transparent 1px 13px)}.faction-tile--destruction{--tile-pattern:radial-gradient(circle, #ffffff3d 2.2px, transparent 2.6px);--tile-pattern-size:13px 13px}.faction-tile__rivet{background:color-mix(in srgb, var(--faction-color,var(--gold)) 55%, var(--ink-dim));z-index:1;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 1px 1px #00000080}.faction-tile__rivet.tl{top:5px;left:5px}.faction-tile__rivet.tr{top:5px;right:5px}.faction-tile__rivet.bl{bottom:5px;left:5px}.faction-tile__rivet.br{bottom:5px;right:5px}.faction-tile__art{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.faction-tile__art.has-art{background-position:50%;background-repeat:no-repeat;background-size:contain}.faction-tile__icon-badge{z-index:1;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 2px 6px #00000059}.faction-tile__label{z-index:2;font-family:var(--font-mono);letter-spacing:.01em;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0009;pointer-events:none;background:linear-gradient(#0000 0%,#000c);padding:16px 6px 5px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.faction-tile__count{min-width:16px;height:16px;font-family:var(--font-mono);color:#fff;z-index:1;background:#0000008c;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:8px;font-weight:700;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 1px 3px #00000080}.faction-banner{border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--line);border-bottom:4px solid var(--faction-color,var(--gold));justify-content:center;align-items:center;height:130px;margin-bottom:14px;display:flex;overflow:hidden}.faction-banner.has-art{background-position:50%;background-repeat:no-repeat;background-size:contain}.detail-sub{font-family:var(--font-mono);color:var(--ink);margin-top:4px;font-size:11px}.unit-list{flex-direction:column;gap:8px;display:flex}.unit-row{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:13px 12px;transition:border-color .15s;display:flex}.unit-row:hover{border-color:var(--gold)}.unit-row.is-general{border-style:dashed}.unit-row__bar{border-radius:2px;flex-shrink:0;width:3px;height:22px}.unit-row__name{font-family:var(--font-display);color:var(--parchment);flex:1;font-size:14px}.unit-row__count{font-family:var(--font-mono);color:var(--ink);font-size:11px}.unit-row__chevron{color:var(--ink-dim);display:flex}.detail-crumbs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.crumb-chip{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--chip-color,var(--gold)) 45%, var(--line));background:color-mix(in srgb, var(--chip-color,var(--gold)) 14%, transparent);color:color-mix(in srgb, var(--chip-color,var(--gold)) 70%, var(--parchment));cursor:pointer;border-radius:999px;padding:4px 10px;font-size:10px;transition:background .15s,transform .15s}.crumb-chip:hover{background:color-mix(in srgb, var(--chip-color,var(--gold)) 28%, transparent);transform:translateY(-1px)}.paint-hero{border-radius:var(--radius-lg);border:1px solid var(--line);height:90px;margin-bottom:14px}.paint-lib-row{cursor:pointer}.paint-pick-row{align-items:center;gap:8px;display:flex}.paint-pick-row select{flex:1;min-width:0}.paint-pick-row__swatch{border-radius:var(--radius-sm);border:1px solid var(--line);flex-shrink:0;width:26px;height:26px}.btn-sm{white-space:nowrap;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:inline-flex}.notice{background:var(--bg-raised);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius-sm);color:var(--parchment-dim);margin-bottom:12px;padding:10px 12px;font-size:12px}.label-hint{color:var(--ink-dim);text-transform:none;letter-spacing:0;font-weight:400}.label-hint--ok{color:var(--success)}.label-hint--warn{color:var(--danger)}.notice--nudge{border-left-color:var(--gold-bright);align-items:center;gap:10px;display:flex}.notice--nudge__body{flex:1;min-width:0}.notice--nudge__title{color:var(--parchment);font-size:13px;font-weight:600}.notice--nudge__desc{opacity:.8;margin-top:1px;font-size:12px}.fine-print{color:var(--ink-dim);margin-top:22px;padding:0 2px;font-size:11px;line-height:1.5}.recipe-card__steps{font-family:var(--font-mono);color:var(--ink-dim);font-size:10px}.recipe-card__emblem{opacity:.85;display:flex}.empty-state__glyph{color:var(--ink-dim);justify-content:center;display:flex}.bottom-nav__item span{font-size:9px}.sync-pill{font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:10px}.sync-pill.is-busy{color:var(--gold);border-color:var(--gold-dim,var(--line))}.sync-pill.is-error{color:var(--blood-bright,#c0555f);border-color:var(--blood,#7a2a32)}.sync-pill__dot{background:var(--success);border-radius:50%;width:5px;height:5px;margin-right:6px;animation:2s ease-in-out infinite sync-pulse;display:inline-block;box-shadow:0 0 0 2px #5c7a2940}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.45}}.settings-row__label strong{color:var(--gold);font-weight:600}@media (width<=420px){.sync-pill{display:none}.hobby-switch__trigger{max-width:84px}.hobby-switch__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.boot-splash{min-height:100dvh;color:var(--gold-bright);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.boot-splash__mark{opacity:.9;display:flex}.boot-splash__word{font-family:var(--font-display);letter-spacing:.04em;color:var(--parchment-dim);font-size:18px}.gate{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.gate__card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-raised);text-align:center;padding:28px 24px}.gate__brand{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold-bright);justify-content:center;align-items:center;gap:8px;font-size:20px;display:flex}.gate__tagline{color:var(--ink);margin-top:6px;font-size:13px}.gate__field{text-align:left;margin-top:22px;margin-bottom:0}.gate__divider{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin:20px 0 16px;font-size:11px;display:flex}.gate__divider:before,.gate__divider:after{content:"";background:var(--line);flex:1;height:1px}.public-recipe__card{text-align:left;max-width:640px}.legal-page{align-items:flex-start;padding-top:40px;padding-bottom:60px}.legal-page__card{text-align:left;max-width:640px}.legal-page__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.legal-page__title{font-family:var(--font-display);margin:0 0 4px;font-size:22px;font-weight:600}.legal-page__body{color:var(--parchment-dim);font-size:14px;line-height:1.65}.legal-page__body .section-label{margin-top:26px}.legal-page__body .section-label:first-child{margin-top:0}.legal-page__body p{margin:0 0 12px}.legal-page__body ul{margin:0 0 12px;padding-left:20px}.legal-page__body li{margin-bottom:6px}.legal-page__body a,.legal-page__body .legal-page__link{color:var(--gold-bright);cursor:pointer;text-decoration:underline}.legal-page__updated{color:var(--ink-dim);margin-bottom:20px;font-size:11px}.public-recipe__banner{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:var(--radius-sm);color:var(--gold-bright);justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 14px;font-size:12.5px;display:flex}.public-recipe__banner span{align-items:center;gap:7px;display:flex}.public-recipe__banner a{color:var(--gold-bright);font-weight:600;text-decoration:underline}.confirm-overlay{z-index:90;justify-content:center;align-items:center;padding:24px;animation:.15s both confirm-backdrop-in;display:flex;position:fixed;inset:0}.confirm-overlay__backdrop{background:#0009;position:absolute;inset:0}.confirm-dialog{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-raised);padding:22px 20px;animation:.18s cubic-bezier(.2,.7,.3,1) both confirm-dialog-in;position:relative}.confirm-dialog__message{color:var(--parchment);margin-bottom:18px;font-size:14px;line-height:1.5}.report-reason-input{resize:vertical;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:64px;color:var(--parchment);font-family:var(--font-body);margin-bottom:14px;padding:8px 10px;font-size:13px}.report-reason-input:focus{border-color:var(--gold);outline:none}.confirm-dialog__actions{gap:10px;display:flex}.confirm-dialog__actions .btn{flex:1}@keyframes confirm-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.paint-picker__panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;height:80vh;box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:relative}@media (width>=860px){.paint-picker__panel{border-radius:var(--radius-lg)}}.paint-picker__header{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.paint-picker__title{font-family:var(--font-display);color:var(--parchment);font-size:16px}.paint-picker__search{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:8px;margin:12px 16px 8px;padding:0 10px;display:flex}.paint-picker__search svg{width:15px;height:15px;stroke:var(--ink);flex-shrink:0}.paint-picker__search input{min-width:0;color:var(--parchment);background:0 0;border:none;flex:1;padding:10px 4px;font-size:16px}.paint-picker__search input:focus{outline:none}.paint-picker__search input::placeholder{color:var(--ink-dim)}.paint-picker__tabs{flex-shrink:0;margin:0 16px 10px}.paint-picker__body{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.paint-picker__row{text-align:left;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;display:flex}.paint-picker__row:hover{border-color:var(--gold)}.paint-picker__row.is-selected{border-color:var(--gold);background:linear-gradient(180deg, var(--gold-dim), var(--bg-panel))}.paint-picker__row-info{flex:1;min-width:0}.paint-picker__want-tag{font-family:var(--font-mono);letter-spacing:.03em;color:var(--blood-bright);border:1px solid var(--blood-border);background:var(--blood-dim);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px}.paint-pick-trigger{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;color:var(--parchment);cursor:pointer;text-align:left;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.paint-pick-trigger:hover{border-color:var(--gold)}.paint-pick-trigger__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.paint-pick-trigger__placeholder{color:var(--ink-dim)}.detail-hero.has-photo{cursor:zoom-in}.lightbox-overlay{z-index:100;justify-content:center;align-items:center;padding:24px;animation:.15s both confirm-backdrop-in;display:flex;position:fixed;inset:0}.lightbox-overlay__backdrop{background:#000000e0;position:absolute;inset:0}.lightbox-overlay__img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-raised);animation:.18s cubic-bezier(.2,.7,.3,1) both confirm-dialog-in;position:relative}.lightbox-overlay__close{z-index:1;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-void) 70%, transparent);width:40px;height:40px;color:var(--parchment);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.colour-match-cta{background:var(--kinship-dim);border:1px solid var(--kinship-border);width:100%;color:var(--kinship-bright);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.colour-match-cta:hover{background:var(--kinship-border)}.colour-match-cta svg{stroke:currentColor;fill:none;stroke-width:2px;flex-shrink:0;width:18px;height:18px}.colour-match-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:4px;padding:16px}.wheel-wrap{width:180px;height:180px;margin:2px auto 16px;position:relative}#wheel-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;box-shadow:0 0 0 1px #00000059, var(--shadow-raised);border-radius:50%;display:block}.wheel-indicator{pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000073,0 2px 6px #00000073}.brightness-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.brightness-row__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);flex-shrink:0;font-size:10.5px}.brightness-row input[type=range]{appearance:none;border:1px solid #0000004d;border-radius:999px;outline:none;flex:1;height:12px}.brightness-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00000059;border-radius:50%;width:22px;height:22px;margin-top:-1px;box-shadow:0 1px 4px #0006}.brightness-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #00000059;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #0006}.brightness-row input[type=range]::-moz-range-track{border:none;border-radius:999px;height:12px}.colour-match-card__row{align-items:center;gap:14px;display:flex}.picker-swatch{width:64px;height:64px;box-shadow:inset 0 0 0 1px #ffffff0f, var(--shadow-raised);border:1px solid #0000004d;border-radius:14px;flex-shrink:0}.picker-fields{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.hex-field{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;display:flex}.hex-field span{font-family:var(--font-mono);color:var(--ink-dim);font-size:11px}.hex-field input{min-width:0;color:var(--parchment);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:none;flex:1;font-size:16px}.hex-field input:focus{outline:none}.swatch-row{gap:6px;display:flex}.swatch-row button{cursor:pointer;border:1px solid #0000004d;border-radius:7px;width:28px;height:28px;padding:0}.colour-match-source{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:12px;margin:14px 0 4px;padding:12px;display:flex}.colour-match-source .paint-row__swatch{border-radius:10px;flex-shrink:0;width:44px;height:44px}.results-source__name{font-family:var(--font-display);color:var(--parchment);font-size:16px}.results-source__meta{color:var(--ink);font-size:11.5px;font-family:var(--font-mono);margin-top:2px}.star-row{color:var(--line);flex-direction:row-reverse;gap:2px;display:inline-flex}.star-row__star{color:inherit;display:inline-flex}.star-row__star.is-filled{color:var(--gold-bright)}.star-row--interactive .star-row__star{cursor:pointer}.star-row--interactive .star-row__star:hover,.star-row--interactive .star-row__star:hover~.star-row__star{color:var(--gold-bright);opacity:.6}.rating-widget{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:12px;margin:4px 0 14px;padding:12px;display:flex}.rating-widget__meta{flex-direction:column;gap:2px;display:flex}.rating-widget__avg{font-family:var(--font-display);color:var(--parchment);margin-right:4px;font-size:16px}.rating-widget__count{color:var(--ink);font-size:12px}.rating-widget__mine{color:var(--ink-dim);font-size:11.5px}.vote-widget{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);align-items:stretch;gap:10px;margin:4px 0 14px;padding:6px 8px;display:flex}.vote-widget__votes{flex:1;align-items:center;gap:10px;display:flex}.vote-widget__btn{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;display:flex}.vote-widget__btn.is-active{color:var(--gold-bright);border-color:var(--gold);background:var(--gold-dim)}.vote-widget__net-group{color:var(--ink);align-items:center;gap:6px;padding:0 2px;display:flex}.vote-widget__net{font-family:var(--font-display);color:var(--parchment);text-align:center;min-width:1.2em;font-size:17px}.vote-widget__divider{background:var(--line);align-self:stretch;width:1px}.vote-widget__save{width:34px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vote-widget__save.is-active{color:var(--gold-bright)}.note-composer{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:14px;padding:10px}.note-composer textarea{resize:vertical;width:100%;min-height:60px;color:var(--parchment);font-family:var(--font-body);background:0 0;border:none;font-size:14px}.note-composer textarea:focus{outline:none}.note-composer__footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.char-count{color:var(--ink-dim);font-size:11px;font-family:var(--font-mono)}.mention-dropdown{z-index:15;background:var(--bg-raised-2);border:1px solid var(--line);border-radius:var(--radius-md);max-height:220px;box-shadow:var(--shadow-raised);margin-top:4px;padding:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mention-dropdown__item{border-radius:var(--radius-sm);cursor:pointer;color:var(--parchment);align-items:center;gap:8px;padding:8px;font-size:13.5px;display:flex}.mention-dropdown__item:hover{background:var(--bg-raised)}.mention{color:var(--gold-bright);font-weight:600}.comment-row{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius-md);margin-bottom:8px;padding:10px 12px;position:relative}.comment-row__meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.comment-row__author{color:var(--gold-bright);cursor:pointer;font-size:12.5px;font-weight:600}.comment-row__time{color:var(--ink-dim);font-size:11px}.comment-row__body{color:var(--parchment);padding-right:26px;font-size:13.5px;line-height:1.5}.comment-row__report{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:10px;right:10px}.comment-row__report:hover{color:var(--blood-bright)}.comment-row__linkrow{gap:12px;margin-top:6px;display:flex}.comment-row__link{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.comment-row__link:hover{color:var(--gold-bright)}.comment-row__like{font-family:var(--font-mono);color:var(--ink-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.comment-row__like:hover,.comment-row__like.is-active{color:var(--gold-bright)}.comment-row__like-count{font-family:var(--font-mono);color:var(--ink-dim);align-items:center;gap:4px;font-size:11px;display:flex}.comment-row--reply{border-left:2px solid var(--line);border-top-left-radius:0;border-bottom-left-radius:0;margin-top:-2px;margin-left:22px}.reply-indicator{color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.reply-indicator strong{color:var(--parchment);font-weight:600}.reply-indicator__cancel{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.reply-indicator__cancel:hover{color:var(--blood-bright)}.feed-card{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius-lg);margin-bottom:14px;transition:border-color .15s,transform .15s;overflow:hidden}.feed-card:hover{border-color:var(--line)}.feed-card__link{cursor:pointer;display:block}.feed-card__hero{background-color:var(--faction-color,var(--bg-raised));background-image:linear-gradient(135deg, color-mix(in srgb, var(--faction-color,var(--gold)) 55%, var(--bg-void)), color-mix(in srgb, var(--faction-color,var(--gold)) 18%, var(--bg-void)));background-position:50%;background-size:cover;justify-content:center;align-items:center;height:168px;display:flex;position:relative}.feed-card__hero.has-photo{background-image:none;background-color:var(--bg-raised)}.feed-card__hero .emblem-badge{background:#0000002e;border-color:#ffffff59}.feed-card__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:10px;left:10px}.feed-card__body{padding:12px 14px 10px}.feed-card__meta{align-items:center;gap:6px;margin-bottom:5px;display:flex}.feed-card__author{color:var(--gold-bright);font-size:12.5px;font-weight:600}.feed-card__dot{color:var(--ink-dim);font-size:12px}.feed-card__time{color:var(--ink-dim);font-size:11.5px}.feed-card__title{font-family:var(--font-display);color:var(--parchment);text-wrap:balance;font-size:18px;line-height:1.25}.feed-card__brand{font-family:var(--font-body);color:var(--ink);font-size:13px;font-weight:400}.feed-card__preview{color:var(--ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.feed-card__no-ratings{color:var(--ink-dim);font-size:12.5px}.feed-card__actions{align-items:center;gap:8px;padding:0 14px 12px;display:flex}.feed-card__votes{background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.feed-card__votes--readonly{color:var(--parchment);gap:6px;padding:5px 12px;font-size:13px}.feed-card__vote-btn{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.feed-card__vote-btn:hover{color:var(--gold-bright)}.feed-card__vote-btn.is-active{color:var(--gold-bright);background:color-mix(in srgb, var(--gold) 18%, transparent)}.feed-card__vote-score{font-family:var(--font-mono);color:var(--parchment);text-align:center;min-width:1.4em;font-size:13px;font-weight:700}.feed-card__comment-btn{background:var(--bg-raised);border:1px solid var(--line);color:var(--parchment);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:flex}.feed-card__comment-btn:hover{border-color:var(--gold);color:var(--gold-bright)}.feed-card-minor{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.feed-card-minor:hover{background:var(--bg-panel)}.feed-card-minor__swatch{border-radius:var(--radius-sm);border:1px solid var(--line-soft);flex-shrink:0;width:34px;height:34px;position:relative}.feed-card-minor__body{flex:1;min-width:0}.feed-card-minor__meta{color:var(--ink-dim);align-items:center;gap:5px;margin-bottom:1px;font-size:11px;display:flex}.feed-card-minor__author{color:var(--ink);font-weight:600}.feed-card-minor__tag{text-transform:uppercase;letter-spacing:.03em;font-size:9.5px}.feed-card-minor__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.feed-card-minor__rating{font-family:var(--font-mono);color:var(--ink-dim);flex-shrink:0;font-size:12px}.comment-row.is-pending{opacity:.55}.pill-status{text-transform:uppercase;letter-spacing:.03em;color:var(--danger);background:var(--blood-dim);border:1px solid var(--blood);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.pill-status--draft{color:var(--ink);background:var(--bg-raised);border-color:var(--line)}.admin-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-on-accent);background:var(--gold-bright);vertical-align:middle;border-radius:999px;margin-left:5px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.profile-hero{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.profile-hero__avatarwrap{flex-shrink:0;position:relative}.profile-hero__identity{flex:1;min-width:220px}.profile-hero__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-hero__name{font-family:var(--font-display);letter-spacing:.01em;font-size:22px}.profile-tier{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-bright);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:10px;display:inline-flex}.profile-tier svg{width:11px;height:11px}.profile-stat-strip{flex-wrap:wrap;gap:22px;margin-top:10px;display:flex}.profile-stat{flex-direction:column;display:flex}.profile-stat b{font-family:var(--font-mono);color:var(--parchment);font-size:17px;line-height:1.1}.profile-stat b.is-score{color:var(--gold)}.profile-stat span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px;font-size:9px}.profile-stat.is-link{cursor:pointer}.profile-stat.is-link b{text-underline-offset:2px;text-decoration:underline}.profile-hero__models{color:var(--ink-dim);margin-top:8px;font-size:12px}.profile-tabs{scrollbar-width:none;gap:8px;margin:18px 0 14px;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs button{font-family:var(--font-body);color:var(--ink-dim);background:var(--bg-raised);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.profile-tabs button.is-active{background:var(--gold-dim);color:var(--gold-bright);border-color:var(--gold-border)}.profile-tabs button .n{font-family:var(--font-mono);color:var(--ink-dim);margin-left:4px;font-size:10.5px}.profile-tabs button.is-active .n{color:var(--gold-bright)}.profile-group-head{justify-content:space-between;align-items:center;margin:16px 0 8px;display:flex}.profile-group-head:first-child{margin-top:0}.profile-group-head__label{font-family:var(--font-display);color:var(--parchment-dim);font-size:14px}.profile-activity-row{border-bottom:1px solid var(--line-soft);gap:12px;padding:10px 2px;display:flex}.profile-activity-row:last-child{border-bottom:none}.profile-activity-row__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.profile-activity-row__icon.is-note{background:var(--kinship-dim);color:var(--kinship)}.profile-activity-row__icon.is-rating{background:var(--gold-dim);color:var(--gold-bright)}.profile-activity-row__body{flex:1;min-width:0}.profile-activity-row__title{font-size:13px}.profile-activity-row__title b{font-weight:600}.profile-activity-row__inline-meta{color:var(--ink-dim);font-size:12px;font-weight:400}.profile-activity-row__meta{color:var(--ink-dim);margin-top:2px;font-size:12.5px}.profile-activity-row__trailing{flex-shrink:0}.avatar{background-color:var(--bg-raised);border:1px solid var(--line);vertical-align:middle;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;display:inline-block}.avatar--fallback{font-family:var(--font-display);color:var(--gold-bright);background:radial-gradient(circle at 32% 28%, var(--gold-dim), var(--bg-raised));justify-content:center;align-items:center;font-weight:600;display:inline-flex}.comment-row.is-unread{border-color:var(--gold)}.notif-dot{background:var(--gold-bright);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.search-tabs{scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.search-tabs::-webkit-scrollbar{display:none}.search-tab{background:var(--bg-panel);border:1px solid var(--line);color:var(--parchment-dim);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:border-color .15s,color .15s,background .15s;display:flex}.search-tab.is-active{color:var(--parchment);background:var(--bg-raised-2);border-color:var(--gold)}.search-tab__count{font-family:var(--font-mono);background:var(--gold);color:var(--ink-on-accent);border-radius:999px;padding:1px 6px;font-size:10px}.colour-match-row{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.colour-match-row__info{flex:1;min-width:0}.colour-match-row__score{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;width:60px;display:flex}.colour-match-row__score span{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--kinship-bright);font-size:12px}.colour-match-row__bar{background:var(--line-soft);border-radius:2px;width:100%;height:4px;overflow:hidden}.colour-match-row__bar i{background:var(--kinship);border-radius:2px;height:100%;display:block}@media print{:root{--bg-void:#fdfbf6;--bg-panel:#fff;--bg-raised:#f5f1e6;--bg-raised-2:#ede6d4;--line:#d8cfc0;--line-soft:#e6ddc9;--gold:#8a6a35;--gold-bright:#6e5427;--gold-dim:transparent;--gold-border:#d8cfc0;--parchment:#1c1912;--parchment-dim:#4a4436;--ink:#8a8375;--ink-dim:#a39c8a;--success:#4c6b39;--success-dim:transparent;--success-border:#d8cfc0;--shadow-card:none;--shadow-raised:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html{background:0 0}.side-nav,.topbar,.fab,.bottom-nav,.toast,.recipe-master__list,.detail-pager,.detail-actions,.detail-header button,.lib-row__flag,.lib-row__ring,[data-action=toggle-wanted],[data-action=toggle-restock],[data-action=lib-remove]{display:none!important}.recipe-master{display:block}main{max-width:none;margin-top:0;margin-left:0;padding:0}.recipe-master__detail:before{content:"Forgebook";font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px;font-size:13px;display:block}.recipe-master__detail:after{content:"forgebook.co.uk";font-family:var(--font-mono);color:var(--ink);border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:10px;display:block}.detail-hero{border:1px solid var(--line);border-bottom:3px solid var(--faction-color,var(--gold))}.layer-stack,.paint-row,.notes-block{break-inside:avoid}}.hobbylog-list{flex-direction:column;gap:10px;display:flex}.hobbylog-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;gap:12px;padding:10px;transition:border-color .15s;display:flex}.hobbylog-card:hover{border-color:var(--gold)}.hobbylog-card__photo{border-radius:var(--radius-sm);background:var(--bg-raised);width:56px;height:56px;color:var(--ink-dim);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hobbylog-card__photo.has-photo{background-position:50%;background-size:cover}.hobbylog-card__body{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.hobbylog-card__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hobbylog-card__qty{color:var(--ink-dim);font-weight:400;font-family:var(--font-mono);font-size:12px}.hobbylog-card__pct{color:var(--gold-bright);font-weight:600;font-family:var(--font-mono);font-size:12px}.hobbylog-stack{background:var(--bg-raised-2);border-radius:3px;height:6px;display:flex;overflow:hidden}.hobbylog-stack span{height:100%}.hobbylog-card__meta{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.hobbylog-card__tag{font-weight:600}.hobbylog-card__public{color:var(--gold);align-items:center;gap:3px;display:inline-flex}.lib-filter-seg--wrap{flex-wrap:wrap}.lib-filter-seg--wrap button{flex:0 auto}.hoblog-chart{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.hoblog-chart__row{grid-template-columns:100px 1fr 30px;align-items:center;gap:10px;display:grid}.hoblog-chart__row--edit{grid-template-columns:100px 1fr 100px}.hoblog-chart__row-stepper{justify-content:flex-end;align-items:center;gap:4px;display:flex}.hoblog-chart__row-stepper button{border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--line);width:22px;height:22px;color:var(--parchment);font-family:var(--font-mono);cursor:pointer;flex-shrink:0;font-size:14px;line-height:1}.hoblog-chart__row-stepper button:disabled{opacity:.3;cursor:default}.hoblog-chart__row-input{text-align:right;width:40px;font-family:var(--font-mono);background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--parchment);appearance:textfield;padding:3px 2px;font-size:12px}.hoblog-chart__row-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hoblog-chart__row-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hoblog-chart__row-label{font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}button.hoblog-chart__row-label--action{text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.hoblog-chart__row-label--action:disabled{cursor:default;opacity:.5;text-decoration:none}.hoblog-chart__row-bar{background:var(--bg-raised-2);border-radius:4px;height:8px;overflow:hidden}.hoblog-chart__row-bar i{border-radius:4px;height:100%;transition:width .3s;display:block}.hoblog-chart__row-count{font-family:var(--font-mono);color:var(--ink);text-align:right;font-size:12px}.is-clickable{cursor:pointer}.is-clickable:hover,.hoblog-bars__row.is-clickable:hover .hoblog-bars__fill,.hoblog-pipeline__row.is-clickable:hover .hoblog-pipeline__fill,.hoblog-month-tile.is-clickable:hover{filter:brightness(1.18)}.hoblog-trend{margin-bottom:20px}.hoblog-trend__bars{align-items:flex-end;gap:10px;height:110px;display:flex;position:relative}.hoblog-trend__grid{pointer-events:none;flex-direction:column-reverse;justify-content:space-between;display:flex;position:absolute;inset:0}.hoblog-trend__grid i{background:var(--line-soft);width:100%;height:1px;display:block}.hoblog-trend__col{z-index:1;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex;position:relative}.hoblog-trend__count{font-family:var(--font-mono);color:var(--parchment-dim);min-height:12px;font-size:10px;font-weight:600}.hoblog-trend__track{flex:1;align-items:flex-end;width:100%;display:flex}.hoblog-trend__label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);font-size:9px}.hoblog-month-stats{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.hoblog-month-stat{color:var(--parchment-dim);border:1px solid color-mix(in srgb, var(--chip-color,var(--gold)) 45%, var(--line));background:color-mix(in srgb, var(--chip-color,var(--gold)) 14%, transparent);border-radius:999px;align-items:baseline;gap:5px;padding:6px 12px;font-size:12px;display:flex}.hoblog-month-stat__n{font-family:var(--font-mono);color:color-mix(in srgb, var(--chip-color,var(--gold)) 70%, var(--parchment));font-weight:600}.hoblog-month-tiles{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.hoblog-month-tile{background:var(--bg-raised);border-radius:var(--radius-sm);padding:10px 12px;position:relative;overflow:hidden}.hoblog-month-tile:before{content:"";background:var(--tile-color,var(--gold));width:3px;position:absolute;top:0;bottom:0;left:0}.hoblog-month-tile__label{color:var(--ink);margin-bottom:4px;padding-left:6px;font-size:10.5px}.hoblog-month-tile__value{font-family:var(--font-mono);color:var(--parchment);padding-left:6px;font-size:20px;font-weight:600;line-height:1}.hoblog-bars{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.hoblog-bars__top{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.hoblog-bars__label{color:var(--parchment-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:12.5px;display:flex;overflow:hidden}.hoblog-bars__label i{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.hoblog-bars__track{background:var(--bg-raised);border-radius:5px;height:10px;overflow:hidden}.hoblog-bars__fill{border-radius:5px;min-width:4px;height:100%;display:block}.hoblog-bars__n{font-family:var(--font-mono);color:var(--parchment);text-align:right;flex-shrink:0;font-size:12.5px;font-weight:600}.hoblog-pipeline{margin-bottom:20px}.hoblog-pipeline__row{grid-template-columns:84px 1fr 40px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.hoblog-pipeline__label{color:var(--parchment-dim);font-size:12px}.hoblog-pipeline__track{background:var(--bg-raised);border-radius:5px;height:18px;overflow:hidden}.hoblog-pipeline__fill{border-radius:5px 3px 3px 5px;height:100%}.hoblog-pipeline__pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--parchment);font-size:11.5px}.hoblog-timeline__stack{border-radius:3px 3px 0 0;flex-direction:column-reverse;gap:2px;width:100%;display:flex;overflow:hidden}.hoblog-timeline__legend{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.hoblog-timeline__legend-item{color:var(--ink-dim);align-items:center;gap:5px;font-size:10px;display:flex}.hoblog-timeline__legend-item i{border-radius:2px;width:8px;height:8px;display:inline-block}.toggle{background:var(--bg-raised);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;position:relative}.toggle i{background:var(--ink-dim);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.toggle.is-on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 22%, var(--bg-raised))}.toggle.is-on i{background:var(--gold);transform:translate(18px)}.photo-position-picker__panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-raised);flex-direction:column;display:flex;position:relative;overflow-y:auto}@media (width>=860px){.photo-position-picker__panel{border-radius:var(--radius-lg)}}.photo-position-picker__stage-row{justify-content:center;margin:0 16px 12px;display:flex}.photo-position-picker__stage-wrap{max-width:100%;line-height:0;display:inline-block;position:relative}.photo-position-picker__stage{cursor:crosshair;touch-action:none;border-radius:var(--radius-sm);border:1px solid var(--line);-webkit-user-drag:none;max-width:100%;max-height:45vh;display:block}.photo-position-picker__marker{border:2px solid var(--gold);background:color-mix(in srgb, var(--gold) 35%, transparent);pointer-events:none;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000073}.photo-position-picker__preview-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin:0 16px 6px;font-size:10px}.photo-position-picker__preview{border-radius:var(--radius-sm);border:1px solid var(--line);background-size:cover;height:150px;margin:0 16px 14px}.photo-position-picker__preview--circle{border-radius:50%;width:96px;height:96px;margin-left:16px}