:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#1e1b1c;background:radial-gradient(circle at top,rgba(163,19,36,.22),transparent 34%),linear-gradient(180deg,#fcf8f7,#f4efed);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shell-max-width: 30rem;--surface: rgba(255, 253, 251, .9);--surface-strong: #fffdfb;--border: rgba(88, 19, 29, .14);--text-soft: #5f5557;--accent: #a31324;--accent-soft: #f3d9dd;--accent-strong: #8f1020;--shadow: 0 18px 40px rgba(62, 14, 21, .14);--ink-strong: #171516;--ink-soft: #3d3336;--club-dark: #121112;--radius-lg: 1.5rem;--radius-md: 1.1rem;--space-card: 1.1rem;--title-lg: 1.6rem;--title-md: 1.2rem;--text-body: .98rem;--text-meta: .88rem}*{box-sizing:border-box}html{background:#f4efed}body{margin:0;min-width:320px;min-height:100vh}body,button,input,textarea,select{font:inherit}button,input,textarea,select{border-radius:1rem}button,a{-webkit-tap-highlight-color:transparent}input,textarea,select{width:100%;border:1px solid rgba(104,25,35,.14);background:var(--surface-strong);color:var(--ink-strong);padding:.95rem 1rem}textarea{resize:vertical}button{border:0;cursor:pointer}#root{min-height:100vh}h1,h2,p,strong{margin:0}h1,h2,strong{color:var(--ink-strong)}a{color:inherit;text-decoration:none}ul{margin:0;padding-left:1.2rem}.app-shell{min-height:100vh;max-width:var(--shell-max-width);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(5.5rem,calc(1rem + env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:1rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;inset:auto 0 0;height:.3rem;background:linear-gradient(90deg,#121112,#a31324 52%,#121112);opacity:.95}.topbar-copy{display:grid;gap:.25rem}.title-trigger{all:unset;cursor:pointer;display:inline-flex;align-items:center;width:fit-content;border-radius:.75rem}.title-trigger:focus-visible{outline:2px solid rgba(163,19,36,.45);outline-offset:.2rem}.topbar-title{font-size:var(--title-lg);line-height:1.1;color:var(--accent-strong)}.club-mode-banner{display:inline-flex;align-items:center;width:fit-content;min-height:2rem;padding:.35rem .8rem;border-radius:999px;background:linear-gradient(90deg,#121112f5,#a31324f5);color:#fff7f8;font-size:.8rem;font-weight:700;letter-spacing:.03em;box-shadow:0 10px 24px #3e0e152e}.topbar-subtitle{margin-top:.35rem;color:var(--text-soft);max-width:14rem}.content-area{flex:1}.page-section,.standalone-page{display:flex;flex-direction:column;gap:1rem}.standalone-page{min-height:100vh;max-width:var(--shell-max-width);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));justify-content:center}.card,.bottom-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card,.detail-card,.item-card,.simple-row,.location-card,.inline-card,.stats-grid,.filter-panel,.selector-panel,.page-copy-card,.detail-hero{padding:var(--space-card)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.compact-header{align-items:flex-start}.card-list{display:grid;gap:.75rem}.compact-list{gap:.65rem}.item-card{display:grid;gap:.55rem}.collection-item-card{padding:.9rem;border-radius:1.65rem;background:linear-gradient(180deg,#fffffffa,#f9f2f1f5)}.item-card-body{display:grid;gap:.45rem;min-width:0}.collection-card-body{gap:.65rem;align-content:start}.item-card strong,.simple-row,.bottom-link-active,.primary-link,.chip-link,.status-pill,.primary-button,.secondary-link,.count-badge{color:var(--ink-strong)}.item-card span,.page-copy,.detail-list,.field-placeholder,.muted-text,.inline-card span,.topbar-subtitle,.page-copy-card{color:var(--text-soft)}.primary-link,.chip-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1rem;border-radius:999px;background:var(--accent-soft);font-weight:600;letter-spacing:.01em}.secondary-link{background:transparent;border:1px solid rgba(104,25,35,.16)}.primary-button{min-height:3rem;padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--accent-strong);font-weight:700;color:#fff7f8;box-shadow:0 10px 22px #6b101f3d}.status-pill{padding:.45rem .8rem;border-radius:999px;background:#121112eb;color:#fff7f8;white-space:nowrap;font-size:.88rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-soft);margin-bottom:.3rem}.page-copy{font-size:var(--text-body);line-height:1.55}.stacked-fields,.stacked-form,.field-group,.selector-panel,.filter-panel,.detail-summary,.location-form-preview,.login-card{display:grid;gap:.75rem}.collection-filter-panel{gap:1rem}.collection-search-field input{font-size:1rem;padding:1rem 1.05rem}.field-group{gap:.35rem}.field-label{font-size:.86rem;font-weight:600;color:var(--ink-soft);letter-spacing:.01em}.field-placeholder{min-height:3.25rem;padding:1rem;border-radius:1rem;background:var(--surface-strong);border:1px solid rgba(90,73,54,.08)}.stats-grid,.form-grid{display:grid;gap:.75rem}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid div{display:grid;gap:.15rem}.stats-grid strong{font-size:1.3rem}.chip-row,.tag-row,.hint-row,.info-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip,.tag-pill,.hint-pill,.category-badge,.count-badge,.info-list span{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .8rem;border-radius:999px;background:#f6ecee;color:#4a2229}.filter-chip{border:1px solid rgba(104,25,35,.12)}.filter-chip-active,.bottom-link-active{background:var(--accent-soft)}.hint-pill,.tag-pill,.category-badge,.count-badge,.info-list span{font-size:var(--text-meta)}.item-card-header,.meta-row,.list-meta,.split-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.secondary-meta-row{justify-content:flex-start}.meta-row,.list-meta,.split-actions{flex-wrap:wrap}.list-meta{color:var(--text-soft);font-size:.9rem}.collection-list-meta{padding:0 .2rem}.inline-card{display:grid;gap:.35rem}.location-card,.detail-hero{display:grid;gap:.85rem}.image-placeholder{min-height:9rem;border-radius:1.25rem;background:linear-gradient(135deg,#f5e3e6,#ead5d8);display:grid;place-items:center;text-align:center;padding:1rem;color:#6b4048}.image-placeholder img,.cover-preview img,.item-cover-thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.book-lookup-card{display:grid;grid-template-columns:minmax(0,6rem) minmax(0,1fr);gap:.85rem;align-items:start}.puzzle-flow-card,.puzzle-hero,.puzzle-hero-copy,.puzzle-scan-card{display:grid;gap:.85rem}.puzzle-hero{grid-template-columns:minmax(0,1fr);padding:1rem;border-radius:1.35rem;background:linear-gradient(135deg,#f8e8ebf5,#fffbfafa);border:1px solid rgba(104,25,35,.1)}.puzzle-hero-copy strong{font-size:1.1rem}.puzzle-hero-media{min-width:0}.puzzle-cover-preview,.puzzle-image-placeholder{min-height:14rem;border-radius:1.2rem}.puzzle-scan-card{padding:1rem}.search-result-list{display:grid;gap:.75rem}.search-result-card{display:grid;gap:.85rem;padding:1rem 1.05rem}.search-result-card-active{border-color:#8f102057;background:#fff6f7f5}.search-result-layout,.compact-media-layout{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.85rem;align-items:start}.collection-card-layout{grid-template-columns:5.5rem minmax(0,1fr);gap:1rem}.compact-media-layout-detail{grid-template-columns:5.25rem minmax(0,1fr)}.book-scanner-panel,.scanner-stage,.image-capture-field,.camera-capture-panel{display:grid;gap:.75rem}.inline-image-preview{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.85rem;align-items:start}.cover-preview,.item-cover-thumb{border-radius:1rem;background:linear-gradient(135deg,#f5e3e6,#ead5d8);overflow:hidden;display:grid;place-items:center;color:#6b4048;text-align:center}.cover-preview{min-height:8.5rem}.item-cover-thumb{min-height:10rem;margin-bottom:.2rem}.item-cover-thumb-compact,.image-placeholder-compact{min-height:0;height:6.6rem;padding:0;border-radius:.95rem}.collection-cover-thumb{min-height:0;height:8.25rem;border-radius:1.2rem;box-shadow:0 12px 26px #3e0e152e}.item-cover-thumb-compact{margin-bottom:0}.scanner-hint-card{display:grid;gap:.35rem;padding:.95rem 1rem}.scanner-viewport{min-height:15rem;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(104,25,35,.16);background:#f2e1e4}.scanner-viewport video{width:100%;height:100%;object-fit:cover}.camera-preview{width:100%;min-height:15rem;border-radius:1.25rem;object-fit:cover;background:#ead5d8;border:1px solid rgba(104,25,35,.16)}.camera-overlay{position:fixed;inset:0;width:100vw;height:100dvh;z-index:40;display:grid;align-items:center;background:#100c09eb;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));overscroll-behavior:contain}.camera-overlay-shell{width:min(100%,32rem);height:min(100%,calc(100dvh - max(2rem,env(safe-area-inset-top) + env(safe-area-inset-bottom))));margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem}.camera-overlay-shell-barcode{gap:.85rem}.camera-overlay-header,.camera-overlay-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;color:#fff7f0}.camera-overlay-header{padding-top:.25rem}.camera-overlay-header div,.camera-overlay-footer{display:grid;gap:.35rem}.camera-overlay-stage{position:relative;min-height:0;height:100%;border-radius:1.4rem;overflow:hidden;background:#0d0a08}.camera-overlay-video{width:100%;height:100%;min-height:100%;object-fit:cover;background:#0d0a08}.barcode-frame,.photo-frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.barcode-frame:before,.photo-frame:before{content:"";position:absolute;inset:0;background:#0f0b0861}.barcode-frame-box,.photo-frame-box{position:relative;z-index:1;border:2px solid rgba(255,249,241,.95);box-shadow:0 0 0 999px #0f0b0847}.barcode-frame-box{width:min(88vw,26rem);height:min(28vw,7.5rem);border-radius:1rem}.photo-frame-box{width:min(72vw,18rem);aspect-ratio:4 / 5;border-radius:1.35rem}.scanner-offscreen{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.file-picker-button{position:relative;overflow:hidden;cursor:pointer}.disabled-link{opacity:.65;cursor:not-allowed}.file-picker-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.bottom-nav{position:sticky;bottom:max(.5rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.55rem;border-radius:1.45rem;background:#fffbfaf5;border:1px solid rgba(104,25,35,.1);box-shadow:0 16px 34px #3e0e1524;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-link{min-height:3.55rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-soft);font-weight:600;font-size:.95rem;text-align:center;transition:transform .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.bottom-link-copy{display:grid;gap:.08rem}.bottom-link-label{font-size:.93rem;font-weight:700;line-height:1.15}.bottom-link-hint{font-size:.71rem;line-height:1.1;color:#58494dd1}.bottom-link-emphasized{background:#a3132414}.bottom-link-active{background:linear-gradient(180deg,#141213,#a31324);color:#fff7f8;box-shadow:0 10px 20px #3e0e153d;transform:translateY(-1px)}.bottom-link-active .bottom-link-hint{color:#fff1f3d1}.bottom-link:active{transform:translateY(0)}@media(min-width:560px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-hero{grid-template-columns:minmax(0,1.1fr) minmax(12rem,.9fr);align-items:center}}@media(min-width:700px){.app-shell,.standalone-page{padding-left:1.5rem;padding-right:1.5rem}}.loading-card,.error-card,.success-card,.offline-banner,.notice-card,.empty-card{padding:1rem 1.1rem}.status-card{display:grid;gap:.35rem;border-radius:1.2rem;border:1px solid rgba(90,73,54,.08)}.status-card strong{display:block;line-height:1.3}.status-card span{line-height:1.45;word-break:break-word}.error-card{background:#fde9e6;color:#8b2d20}.success-card{background:#ecf7ee;color:#215e2d}.offline-banner{background:#f1eef4;color:#3d3442;display:grid;gap:.35rem}.notice-card{background:#f9ecef;color:#6d303a}.empty-card,.loading-card{color:var(--text-soft);background:linear-gradient(180deg,#fffffffa,#f6f1e8eb)}.topbar-actions{display:grid;gap:.5rem;justify-items:end}.ghost-button{min-height:2.5rem;padding:.65rem .9rem;border-radius:999px;background:transparent;border:1px solid rgba(104,25,35,.16);color:#4d252d;font-weight:600}.search-submit-button{width:100%}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}.collection-card-header{align-items:center}.collection-date{color:#5e4a4fbd;font-size:.82rem;white-space:nowrap}.collection-title-block{display:grid;gap:.25rem}.collection-title-block strong{font-size:1.08rem;line-height:1.3}.collection-subtitle{color:#5f5557;font-size:.93rem;line-height:1.35}.collection-primary-meta{gap:.5rem}.collection-meta-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.4rem .75rem;border-radius:999px;background:#f3e2e6eb;color:#582930;font-size:.84rem;font-weight:600}.collection-secondary-meta{gap:.55rem;color:#72676a;font-size:.87rem}.collection-tag-row{gap:.4rem}.collection-tag-pill{min-height:1.95rem;padding:.35rem .65rem;background:#f9eff1f0;color:#715157;font-size:.8rem}.surface-section{padding:1rem;border-radius:1.35rem;background:linear-gradient(180deg,#fffffffa,#faf4f3f0);border:1px solid rgba(104,25,35,.08)}.surface-section-title{display:block;font-size:var(--title-md);line-height:1.2;letter-spacing:-.01em}.detail-form-card{gap:.9rem}.action-strip{padding-top:.2rem}.add-step-card,.add-form-card,.add-form-section,.add-form-block,.step-header,.step-copy{display:grid;gap:.8rem}.add-step-card,.add-form-card{gap:1rem}.add-form-section{gap:.9rem}.add-form-block{padding:1rem;border-radius:1.35rem;background:linear-gradient(180deg,#fffffffa,#faf4f3f0);border:1px solid rgba(104,25,35,.08)}.add-form-block-title{font-size:.95rem}.step-header{grid-template-columns:auto minmax(0,1fr);align-items:start}.step-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .7rem;border-radius:999px;background:#f2d6da;color:#7e1826;font-size:.8rem;font-weight:700;white-space:nowrap}.step-copy{gap:.25rem}.add-submit-card{display:grid;gap:.9rem;padding:1rem 1.05rem;background:linear-gradient(180deg,#f8e6eaf5,#fff9fafa)}.add-submit-actions{display:grid;gap:.7rem}.add-submit-button{width:100%;min-height:3.3rem;justify-content:center;font-size:1rem}.add-submit-hint{text-align:center}.location-card-footer{align-items:center}.action-row{display:flex;flex-wrap:wrap;gap:.65rem}.detail-action-strip{display:grid;gap:.75rem}.detail-save-button{width:100%;min-height:3.3rem;justify-content:center;font-size:1rem}.detail-secondary-actions{justify-content:center}.detail-action-hint{text-align:center}.danger-button{color:#8b2d20;border-color:#8b2d2042}.danger-button:disabled{color:#8b2d20}.club-mode-active{animation:club-pulse 8s ease}.club-mode-active .topbar{border-color:#a313243d;box-shadow:0 22px 46px #3e0e1538}.club-mode-active .topbar-title{text-shadow:0 0 20px rgba(163,19,36,.16)}.club-mode-active .bottom-nav{border-color:#a3132438}@keyframes club-pulse{0%,to{transform:translateY(0)}20%{transform:translateY(-1px)}40%{transform:translateY(0)}}@media(min-width:560px){.detail-action-strip{grid-template-columns:minmax(0,1fr) auto;align-items:center}.detail-save-button{width:auto;min-width:14rem}.detail-secondary-actions{justify-content:flex-end}.detail-action-hint{grid-column:1 / -1}}