@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#11110f;--panel:#191917;--panel2:#20201d;--line:#31312b;--gold:#c8a96e;--gold2:#ead8ad;--text:#f0eee8;--muted:#a09e94;--faint:#737168;--green:#93aa91;--red:#d39b88;--radius:20px;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#29251a 0,transparent 34rem),var(--bg);min-height:100vh}.app-shell{max-width:1440px;margin:0 auto;padding:0 38px 100px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:22px 'Playfair Display',serif;position:relative}.brand-mark span{font:9px sans-serif;position:absolute;right:5px;top:3px}.brand b{font:500 12px 'DM Mono',monospace;letter-spacing:.14em}.brand small{display:block;margin-top:5px;font:9px 'DM Mono',monospace;color:var(--muted);letter-spacing:.18em}.local-pill{font:10px 'DM Mono',monospace;letter-spacing:.07em;color:#b7b5a9;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.local-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.top-action{background:transparent;color:var(--gold2);border:1px solid var(--gold);border-radius:999px;padding:9px 14px;cursor:pointer;font:11px 'DM Mono',monospace}.hero{display:flex;align-items:center;justify-content:space-between;padding:68px 4px 46px;min-height:300px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.18em;color:var(--gold);margin:0 0 12px}.hero h1{font:clamp(32px,4.4vw,59px)/1.12 'Playfair Display',serif;font-weight:500;letter-spacing:-.035em;margin:0;max-width:780px}.hero h1 em{color:var(--gold2);font-weight:500}.hero-sub{font-size:14px;line-height:1.6;color:#b4b1a6;max-width:520px;margin:17px 0 23px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:44px;border-radius:999px;padding:0 18px;border:1px solid transparent;font:600 12px 'DM Sans',sans-serif;letter-spacing:.015em;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-gold{background:var(--gold);color:#19170f}.button-quiet{background:transparent;border-color:#4d4b42;color:var(--text)}.button-outline{background:transparent;border-color:var(--gold);color:var(--gold2)}.hero-stamp{width:145px;height:145px;border:1px solid #786744;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold2);position:relative;flex:0 0 auto;margin-right:7%}.hero-stamp:before,.hero-stamp:after{content:'';position:absolute;inset:9px;border:1px solid #78674455;border-radius:50%}.hero-stamp:after{inset:-7px;border-style:dashed;opacity:.4}.hero-stamp span{font:15px/1.1 'Playfair Display',serif;text-align:center;letter-spacing:.09em}.hero-stamp i{font-style:normal;color:var(--gold);font-size:17px;margin:5px}.hero-stamp small{font:8px/1.4 'DM Mono',monospace;letter-spacing:.15em;text-align:center;color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric-card{padding:18px 20px;background:linear-gradient(145deg,#1c1c19,#171715);border:1px solid var(--line);border-radius:16px;min-height:114px}.metric-card span{display:block;font:9px 'DM Mono',monospace;letter-spacing:.13em;color:var(--muted)}.metric-card strong{display:block;font:32px 'Playfair Display',serif;color:var(--gold2);margin:7px 0 1px}.metric-card small{font-size:11px;color:var(--faint)}.metric-emphasis{border-color:#8d784c55;background:linear-gradient(145deg,#282316,#191815)}.section-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:18px 0}.lower-grid{grid-template-columns:1.35fr .65fr}.panel{background:linear-gradient(145deg,#1b1b18,#171715);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2{font:23px 'Playfair Display',serif;font-weight:500;margin:0}.panel-intro{font-size:11px;color:var(--muted);margin:10px 0 2px;line-height:1.5}.source-tag,.count-chip,.step-number{font:9px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 9px;white-space:nowrap}.radar-wrap{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:4px;margin-top:3px}.radar-wrap svg{width:100%;max-height:288px;overflow:visible}.radar-legend{display:grid;gap:9px}.legend-row{display:flex;align-items:center;gap:7px;color:#b5b2a8;font:9px 'DM Mono',monospace}.legend-dot{height:7px;width:7px;border-radius:50%;background:var(--gold);flex:0 0 auto}.chart-caption{color:var(--faint);font-size:10px;line-height:1.45;margin:0}.recent-list{min-height:173px;margin:17px 0 12px}.recent-card{padding:12px 0;border-bottom:1px solid #ffffff12}.recent-card:last-child{border-bottom:0}.recent-top{display:flex;justify-content:space-between;gap:10px}.recent-top b{font:15px 'Playfair Display',serif;font-weight:500}.recent-top time{font:9px 'DM Mono',monospace;color:var(--faint)}.recent-card p{font-size:11px;color:#bbb8ad;line-height:1.5;margin:6px 0 0}.empty-state{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);padding:22px}.empty-state>span{font-size:24px;color:var(--gold);margin-bottom:9px}.empty-state b{font:16px 'Playfair Display',serif;color:var(--text);font-weight:500}.empty-state p{font-size:11px;max-width:260px;line-height:1.5;margin:8px 0 0}.full-width{width:100%}.text-button{color:var(--gold2);border:0;background:none;cursor:pointer;font:10px 'DM Mono',monospace;padding:5px}.text-button:hover{text-decoration:underline}.toolbar{display:flex;gap:9px;margin:20px 0 10px}.searchbox{flex:1;display:flex;align-items:center;gap:8px;background:#11110f;border:1px solid var(--line);border-radius:10px;padding:0 11px;min-width:0}.searchbox span{color:var(--gold);font-size:20px}.searchbox input{width:100%;background:transparent;border:0;outline:0;color:var(--text);height:39px;font:12px 'DM Sans',sans-serif}.toolbar select,.form-stack select{background:#11110f;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0 10px;min-height:40px;font:11px 'DM Sans',sans-serif}.collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:470px;overflow:auto;padding:2px 3px 2px 0}.perfume-card{border:1px solid #34342e;border-radius:12px;background:#1b1b18;padding:13px;cursor:pointer;transition:.18s;min-width:0}.perfume-card:hover{border-color:#9a8151;transform:translateY(-1px)}.perfume-card b{font:14px 'Playfair Display',serif;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perfume-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:5px}.status-pill{font:8px 'DM Mono',monospace;letter-spacing:.04em;border:1px solid #4b493e;border-radius:99px;padding:5px 7px;color:#c6b68d;white-space:nowrap}.class-pill{font:8px 'DM Mono',monospace;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-panel{align-self:start}.import-options{margin-top:19px;display:grid;gap:9px}.import-option{display:flex;align-items:center;text-align:left;gap:12px;padding:13px;background:#141412;border:1px solid #33332c;border-radius:12px;color:var(--text);cursor:pointer;min-height:66px}.import-option:hover{border-color:#91784d}.option-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid #746341;font-size:18px;flex:0 0 auto}.import-option span:nth-child(2){flex:1}.import-option b{display:block;font-size:12px;font-weight:600}.import-option small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.chevron{color:var(--gold);font-size:20px}.privacy-note{font-size:10px;color:var(--muted);line-height:1.5;margin:15px 0 0}.privacy-note span{color:var(--gold);margin-right:4px}.footer-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 4px;margin-top:19px;color:var(--muted)}.footer-note>span{color:var(--gold);font-size:18px}.footer-note p{font-size:10px;line-height:1.5;flex:1;margin:0}.footer-note b{color:var(--text);font-weight:500}.bottom-nav{display:none}.modal{width:min(620px,calc(100% - 24px));max-height:90vh;background:#1b1b18;color:var(--text);border:1px solid #4b483d;border-radius:20px;padding:0;box-shadow:0 24px 100px #000b}.modal::backdrop{background:#080807d9;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.modal-head h2{font:24px 'Playfair Display',serif;font-weight:500;margin:0}.close-button{background:#272722;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:21px;cursor:pointer}.modal-body{padding:20px 24px 24px;overflow:auto;max-height:calc(90vh - 85px)}.import-tabs{display:flex;border-bottom:1px solid var(--line);gap:17px;margin-bottom:18px}.tab{color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:0 0 10px;font:11px 'DM Mono',monospace;cursor:pointer}.tab.active{color:var(--gold2);border-color:var(--gold)}.dropzone{min-height:170px;border:1px dashed #83714e;background:#171714;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;cursor:pointer}.dropzone:hover{background:#201e18}.drop-icon{font-size:28px;color:var(--gold);margin-bottom:8px}.dropzone b{font:15px 'Playfair Display',serif;font-weight:500}.dropzone small{font-size:10px;color:var(--muted);margin-top:6px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.hint{font-size:10px;color:var(--muted);line-height:1.5;margin:10px 0 0}.field-label,.form-stack label{font:10px 'DM Mono',monospace;color:var(--gold2);display:grid;gap:8px}.modal textarea,.form-stack input,.form-stack select{width:100%;background:#11110f;color:var(--text);border:1px solid #444238;border-radius:11px;padding:12px;font:12px/1.5 'DM Sans',sans-serif;resize:vertical;outline:0}.modal textarea:focus,.form-stack input:focus{border-color:var(--gold)}.modal textarea::placeholder,.form-stack input::placeholder{color:#6d6b62}.tab-content>.button{margin-top:13px}.import-message{font-size:11px;color:var(--gold2);margin-top:12px;min-height:16px}.preview-area{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.preview-heading span{color:var(--muted);font-size:9px}.preview-list{display:grid;gap:6px;max-height:205px;overflow:auto;margin:10px 0 13px}.preview-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center}.preview-fields{display:grid;grid-template-columns:minmax(75px,.7fr) minmax(100px,1.3fr);gap:5px;min-width:0;flex:1}.preview-fields input{width:100%;min-width:0;background:#1a1a17;color:var(--text);border:1px solid #3a3931;border-radius:7px;padding:7px 8px;font:10px 'DM Sans',sans-serif}.preview-fields input:focus{outline:1px solid var(--gold);border-color:var(--gold)}.preview-row input[type=checkbox]{accent-color:var(--gold)}.form-stack{display:grid;gap:15px}.form-stack label{font-size:10px}.form-stack input,.form-stack select{min-height:43px}.form-stack select{padding:0 10px}.item-notes{font:14px/1.6 'Playfair Display',serif;color:#d2c7ad;border-left:2px solid var(--gold);padding:5px 0 5px 13px;margin:14px 0}.item-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.summary-cell{background:#131311;border:1px solid var(--line);padding:11px;border-radius:10px}.summary-cell small{display:block;color:var(--muted);font:8px 'DM Mono',monospace;letter-spacing:.08em}.summary-cell b{display:block;margin-top:5px;font-size:11px;font-weight:500}.item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.delete-button{color:var(--red);background:transparent;border:1px solid #60463c;border-radius:99px;padding:10px 14px;font-size:10px;cursor:pointer}.diary-form{display:grid;gap:11px}.diary-form label{font:9px 'DM Mono',monospace;letter-spacing:.07em;color:var(--muted);display:grid;gap:6px}.diary-form input,.diary-form textarea,.diary-form select{background:#11110f;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;font:11px 'DM Sans',sans-serif}.diary-form textarea{min-height:72px;resize:vertical}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#e4d2aa;color:#1a1812;padding:11px 16px;border-radius:999px;font:11px 'DM Mono',monospace;box-shadow:0 8px 30px #0008;z-index:10;animation:fade .25s}@keyframes fade{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.catalog-queue{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--muted);font-size:12px}.catalog-panel{display:grid;gap:12px;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);color:var(--text)}
.catalog-source{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.catalog-source-links{display:flex;flex-wrap:wrap;gap:6px 10px;min-width:0}
.catalog-source-links a,.catalog-credit a{color:var(--green);font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.catalog-source-links a:hover,.catalog-credit a:hover{text-decoration:underline}
.catalog-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.catalog-facts>span{display:grid;align-content:start;gap:4px;min-width:0;padding:9px 10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.catalog-facts small{display:block;color:var(--muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.catalog-accords,.catalog-pyramid,.catalog-fit-grid,.catalog-differences,.catalog-recommendations{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.catalog-accords>b,.catalog-fit-grid section>b,.catalog-differences>b,.catalog-recommendations section>b{margin:0;color:var(--brown);font-size:12px;line-height:1.4}
.catalog-pyramid{gap:7px}.catalog-pyramid h4{margin:0;color:var(--brown);font:500 15px 'Playfair Display',serif}
.catalog-note-group{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.catalog-note-group>b{color:var(--muted);font-size:10px;line-height:1.45;text-transform:uppercase}.catalog-note-group>span{min-width:0;color:var(--text);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.catalog-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-fit-grid>section{display:grid;align-content:start;gap:7px;min-width:0;padding:10px;background:var(--panel2);border-radius:9px}
.catalog-fit-grid small,.catalog-source-alt{color:var(--muted);font-size:10px;line-height:1.45;overflow-wrap:anywhere}.catalog-source-alt{display:block;margin-top:8px}
.catalog-differences{background:var(--panel2)}.catalog-differences>span{color:var(--text);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.catalog-credit,.catalog-limits{margin:0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.catalog-version{display:grid;gap:7px;color:var(--brown);font-size:10px}.catalog-version select{width:100%;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
#catalogChoices{display:grid;gap:8px}.catalog-choice{display:grid;gap:6px;width:100%;min-width:0;padding:12px;text-align:left;white-space:normal;overflow-wrap:anywhere;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:11px;cursor:pointer}.catalog-choice b{font-size:12px;line-height:1.4}.catalog-choice small{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.distribution-wrap{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:10px}.distribution-chart{display:block;width:100%;max-width:220px;height:auto;overflow:visible}
.distribution-legend{display:grid;gap:9px;min-width:0}.distribution-legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:7px;color:var(--text);font-size:10px;line-height:1.4}.distribution-dot{width:10px;height:10px;margin-top:2px;border-radius:50%}.distribution-legend-row span{overflow-wrap:anywhere}.distribution-legend-row b{white-space:nowrap;color:var(--brown)}
.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1150px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}
@media(max-width:560px){.catalog-fit-grid,.catalog-recommendations{grid-template-columns:1fr}.catalog-note-group{grid-template-columns:72px minmax(0,1fr)}.distribution-wrap{grid-template-columns:1fr;justify-items:center}.distribution-chart{max-width:190px}.distribution-legend{width:100%}}.catalog-panel>span,.catalog-panel>p,.catalog-panel small{color:var(--muted);font-size:12px;line-height:1.55}.catalog-panel b{font-size:13px}.catalog-source{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.catalog-source-links{font:10px 'DM Mono',monospace;color:var(--gold2)}.catalog-source-links a,.catalog-credit a{color:var(--gold2);text-decoration:none}.catalog-facts{display:flex;gap:7px;flex-wrap:wrap}.catalog-facts span{padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font:10px 'DM Mono',monospace}.catalog-version{display:grid;gap:6px;color:var(--gold);font:9px 'DM Mono',monospace;letter-spacing:.08em}.catalog-version select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:12px 'DM Sans',sans-serif}.catalog-accords,.catalog-pyramid,.catalog-fit-grid>section,.catalog-recommendations>section{display:grid;gap:7px}.catalog-source-alt{display:block;padding:4px 8px;border-left:2px solid var(--gold);color:var(--muted);font-size:11px}.catalog-facts span small{display:block;margin-top:3px;font:8px 'DM Mono',monospace;letter-spacing:.03em}.catalog-note-group{display:grid;grid-template-columns:82px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.catalog-note-group b{color:var(--gold2);font:10px 'DM Mono',monospace;text-transform:uppercase}.catalog-note-group span{color:var(--muted);font-size:12px;line-height:1.5}.catalog-pyramid h4{margin:2px 0;color:var(--gold);font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.catalog-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalog-fit-grid>section>b,.catalog-recommendations>section>b{color:var(--gold2);font:10px 'DM Mono',monospace;text-transform:uppercase}.catalog-recommendations{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:8px;border-top:1px solid var(--line)}.catalog-recommendations>section>span,.catalog-differences>span{color:var(--muted);font-size:11px;line-height:1.5}.catalog-limits,.catalog-credit{margin:0;color:var(--faint)!important;font-size:10px!important;line-height:1.5}.catalog-differences{display:grid;gap:6px;padding:10px;border-left:2px solid var(--gold);background:#ffffff07}.catalog-differences>b{font:10px 'DM Mono',monospace;color:var(--gold2)}.catalog-choice{display:grid;width:100%;gap:4px;margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.catalog-choice:hover{border-color:var(--gold)}.catalog-loading{border-color:#c8a96e66}.catalog-panel .text-button{justify-self:start}.catalog-credit{padding-top:2px}.catalog-queue button{white-space:nowrap}@media(max-width:560px){.catalog-panel{padding:12px;margin:14px 0}.catalog-fit-grid,.catalog-recommendations{grid-template-columns:1fr}.catalog-queue{align-items:flex-start;flex-direction:column}.catalog-note-group{grid-template-columns:68px 1fr}}
.catalog-external-similar{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.catalog-external-similar>b{color:var(--gold2);font:10px 'DM Mono',monospace;text-transform:uppercase}.catalog-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff12}.catalog-suggestion>div{display:grid;gap:3px}.catalog-suggestion>div>b{font:13px 'Playfair Display',serif}.catalog-suggestion small{color:var(--muted);font-size:10px;line-height:1.4}.catalog-external-similar>small{color:var(--faint);font-size:10px;line-height:1.45}
/* Final catalog layout overrides: keep source fields readable on narrow screens. */
.catalog-source{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}
.catalog-source-links{display:flex;flex-wrap:wrap;gap:6px 10px;min-width:0}
.catalog-source-links a,.catalog-credit a{color:var(--green);font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.catalog-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.catalog-facts>span{display:grid;align-content:start;gap:4px;min-width:0;padding:9px 10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font:12px/1.4 'DM Sans',sans-serif;overflow-wrap:anywhere}
.catalog-facts span small{display:block;margin-top:0;color:var(--muted);font:10px/1.35 'DM Sans',sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.catalog-accords,.catalog-pyramid,.catalog-fit-grid,.catalog-differences,.catalog-recommendations{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.catalog-accords>b,.catalog-fit-grid section>b,.catalog-differences>b,.catalog-recommendations section>b{margin:0;color:var(--brown);font:600 12px/1.4 'DM Sans',sans-serif;text-transform:none}
.catalog-pyramid h4{margin:0;color:var(--brown);font:500 15px 'Playfair Display',serif;letter-spacing:0;text-transform:none}
.catalog-note-group{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--line);border-bottom:0}
.catalog-note-group>b{color:var(--muted);font:10px/1.45 'DM Mono',monospace;text-transform:uppercase}.catalog-note-group>span{min-width:0;color:var(--text);font:12px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}
.catalog-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-fit-grid>section{display:grid;gap:7px;min-width:0;padding:10px;background:var(--panel2);border-radius:9px}
.catalog-fit-grid small,.catalog-source-alt{color:var(--muted);font:10px/1.45 'DM Sans',sans-serif;overflow-wrap:anywhere}.catalog-source-alt{display:block;margin-top:8px;padding:0;border:0}
.catalog-differences{gap:7px;padding:12px;border:1px solid var(--line);border-left:3px solid var(--brown);background:var(--panel2)}.catalog-differences>b{color:var(--brown);font:600 11px 'DM Sans',sans-serif}.catalog-differences>span{color:var(--text);font:11px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}
.catalog-credit,.catalog-limits{margin:0;padding:0;color:var(--muted)!important;font:10px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}
.catalog-version{display:grid;gap:7px;color:var(--brown);font:10px 'DM Mono',monospace;letter-spacing:.04em}.catalog-version select{width:100%;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:12px 'DM Sans',sans-serif}
#catalogChoices{display:grid;gap:8px}.catalog-choice{display:grid;width:100%;min-width:0;gap:6px;margin:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.catalog-choice b{font:600 12px/1.4 'DM Sans',sans-serif}.catalog-choice small{display:block;white-space:normal;color:var(--muted);font:10px/1.45 'DM Sans',sans-serif;overflow-wrap:anywhere}
.profile-hint{margin:6px 0 12px;padding:9px 11px;border-left:2px solid var(--green);border-radius:0 8px 8px 0;background:var(--panel2);color:var(--muted);font:10px/1.5 'DM Sans',sans-serif}
.accord-profile-panel{grid-column:1/-1}.accord-profile-chart{display:grid;gap:10px;margin-top:15px}.accord-profile-row{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr) 28px;align-items:center;gap:10px;color:var(--text);font:11px/1.4 'DM Sans',sans-serif}.accord-profile-row>span{overflow-wrap:anywhere}.accord-profile-track{height:11px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);border-radius:99px}.accord-profile-track i{display:block;height:100%;border-radius:inherit;background:var(--accord-color,#385342)}.accord-profile-row>b{text-align:right;color:var(--brown)}.accord-profile-empty{display:grid;gap:7px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:11px;line-height:1.45}.accord-profile-empty b{color:var(--brown);font-weight:600}
.practical-reading{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:12px;background:var(--panel)}.practical-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.practical-heading h3{margin:0;color:var(--brown);font:500 18px/1.25 'Playfair Display',serif}.practical-heading .eyebrow{margin-bottom:5px}.practical-tags{display:flex;flex-wrap:wrap;gap:6px}.practical-read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.practical-read-grid section{display:grid;align-content:start;gap:6px;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.practical-read-grid b{color:var(--brown);font:600 10px/1.35 'DM Mono',monospace}.practical-read-grid span,.practical-source,.practical-note{margin:0;color:var(--text);font:11px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}.practical-source,.practical-note{color:var(--muted);font-size:10px}
.creative-pyramid{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-left:3px solid var(--brown);border-radius:12px;background:var(--panel)}.creative-pyramid-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.creative-pyramid-head h3{margin:0;color:var(--brown);font:500 18px/1.25 'Playfair Display',serif}.creative-pyramid-head .eyebrow{margin-bottom:5px}.creative-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.creative-stages section{display:grid;align-content:start;gap:7px;min-width:0;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.creative-stages small{color:var(--muted);font:9px/1.4 'DM Mono',monospace;letter-spacing:.08em}.creative-stages b{color:var(--brown);font:600 12px/1.35 'DM Sans',sans-serif}.creative-stages span{color:var(--text);font:10px/1.45 'DM Sans',sans-serif;overflow-wrap:anywhere}
@media(max-width:560px){.creative-pyramid-head{align-items:flex-start;flex-direction:column}.creative-stages{grid-template-columns:1fr}}
@media(max-width:560px){.accord-profile-row{grid-template-columns:minmax(76px,1.2fr) minmax(0,3fr) 20px;gap:7px;font-size:10px}.practical-heading{align-items:flex-start;flex-direction:column}.practical-read-grid{grid-template-columns:1fr}}
.classification-panel{display:grid;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:12px;background:var(--panel)}.classification-head,.performance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.classification-head h3,.performance-head h3{margin:0;color:var(--brown);font:500 18px/1.25 'Playfair Display',serif}.classification-head .eyebrow,.performance-head .eyebrow{margin-bottom:5px}.classification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classification-card{min-width:0;padding:10px 8px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.classification-card-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.classification-card h4{margin:0;color:var(--brown);font:700 9px/1.3 'DM Mono',monospace;letter-spacing:.09em}.classification-card-head span{color:var(--muted);font:9px/1.3 'DM Sans',sans-serif;text-align:right}.classification-radar{display:block;width:100%;height:auto;overflow:visible}.radar-grid{fill:none;stroke:var(--line);stroke-width:1}.radar-axis{stroke:var(--line);stroke-width:1}.radar-shape{fill:rgba(116,140,122,.22);stroke:var(--green);stroke-width:2}.radar-point{fill:var(--green);stroke:var(--panel2);stroke-width:2}.radar-label{fill:var(--text);font:10px 'DM Sans',sans-serif}.classification-card p{min-height:25px;margin:0;color:var(--muted);font:9px/1.35 'DM Sans',sans-serif}.classification-note,.performance-note{margin:0;color:var(--muted);font:9px/1.4 'DM Sans',sans-serif}.performance-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.performance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.performance-metric{display:grid;align-content:start;gap:5px;min-width:0;min-height:85px;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.performance-metric small{color:var(--muted);font:700 8px/1.35 'DM Mono',monospace;letter-spacing:.07em}.performance-metric b{color:var(--brown);font:500 20px/1.15 'Playfair Display',serif;overflow-wrap:anywhere}.performance-metric b.performance-missing{font:600 11px/1.35 'DM Sans',sans-serif}.performance-metric span{color:var(--muted);font:9px/1.35 'DM Sans',sans-serif;overflow-wrap:anywhere}.performance-range{margin:0;color:var(--text);font:10px/1.4 'DM Sans',sans-serif}.performance-range b{color:var(--brown)}
@media(max-width:560px){.classification-head,.performance-head{align-items:flex-start;flex-direction:column}.classification-grid{grid-template-columns:1fr}.performance-metrics{grid-template-columns:1fr}.performance-metric{min-height:70px}}
@media(max-width:560px){.catalog-fit-grid,.catalog-recommendations{grid-template-columns:1fr}.catalog-note-group{grid-template-columns:72px minmax(0,1fr)}}
@media(max-width:900px){.app-shell{padding:0 22px 95px}.hero{padding-top:54px}.hero-stamp{margin-right:1%}.section-grid,.lower-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.import-panel{order:-1}.lower-grid .collection-panel{order:2}.lower-grid .import-panel{order:1}.collection-list{max-height:400px}}
@media(max-width:560px){.app-shell{padding:0 15px calc(82px + env(safe-area-inset-bottom))}.topbar{height:65px}.brand-mark{width:34px;height:34px}.brand b{font-size:10px}.brand small{font-size:8px}.local-pill{font-size:8px;padding:8px}.hero{min-height:0;padding:42px 2px 26px}.hero h1{font-size:34px}.hero-sub{font-size:12px;max-width:330px;margin:12px 0 17px}.hero-stamp{width:78px;height:78px;margin:0 0 0 7px}.hero-stamp:before{inset:5px}.hero-stamp:after{inset:-5px}.hero-stamp span{font-size:10px}.hero-stamp i{font-size:10px;margin:2px}.hero-stamp small{font-size:5px}.hero-actions{gap:7px}.button{min-height:42px;padding:0 13px;font-size:10px}.metric-row{gap:8px;margin-bottom:13px}.metric-card{min-height:96px;padding:13px}.metric-card span{font-size:8px}.metric-card strong{font-size:28px}.metric-card small{font-size:9px}.section-grid{gap:12px;margin:12px 0}.panel{border-radius:16px;padding:17px}.panel-heading h2{font-size:21px}.eyebrow{font-size:9px}.source-tag{font-size:7px;padding:6px}.radar-wrap{grid-template-columns:minmax(0,1fr) 104px;gap:0;margin-top:8px}.radar-wrap svg{max-height:235px}.legend-row{font-size:8px;gap:5px}.legend-dot{width:6px;height:6px}.chart-caption{font-size:9px}.recent-list{min-height:130px;margin:9px 0}.collection-list{grid-template-columns:1fr;max-height:350px}.toolbar{flex-wrap:wrap;margin:14px 0 9px}.searchbox{flex-basis:100%}.toolbar select{width:100%}.import-option{min-height:61px;padding:10px}.option-icon{width:30px;height:30px}.footer-note{align-items:flex-start;flex-wrap:wrap}.footer-note p{min-width:70%}.footer-note .text-button{margin-left:29px}.bottom-nav{position:fixed;z-index:5;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px calc(8px + env(safe-area-inset-bottom));background:#141412f5;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav a,.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-decoration:none;color:var(--muted);background:none;border:0;font:9px 'DM Mono',monospace;cursor:pointer}.bottom-nav span{font-size:18px;color:var(--gold)}.bottom-nav .active{color:var(--gold2)}.modal{max-height:calc(100vh - 20px);width:calc(100% - 16px);border-radius:17px}.modal-head{padding:18px 18px 13px}.modal-body{padding:17px 18px 20px;max-height:calc(100vh - 90px)}.dropzone{min-height:145px}.import-tabs{gap:13px}.tab{font-size:9px}.preview-heading{align-items:flex-start;flex-direction:column;gap:4px}.preview-row select{max-width:99px}.item-summary{grid-template-columns:1fr 1fr}}
.quick-discovery{min-width:0;max-width:100%;display:grid;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.quick-discovery>.hint{margin:0;line-height:1.6}.discovery-results{display:grid;gap:9px;min-width:0;max-height:320px;overflow:auto;overscroll-behavior:contain}.discovery-option{display:grid;gap:5px;width:100%;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.discovery-option:hover,.discovery-option:focus-visible{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:1px}.discovery-option:disabled{cursor:wait;opacity:.68}.discovery-option>b{font:600 13px/1.5 'DM Sans',sans-serif}.discovery-option>span,.discovery-option>small{font:11px/1.5 'DM Sans',sans-serif;color:var(--muted)}.discovery-option>.discovery-match{font-size:10px;color:var(--green)}.discovery-source{display:block;font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.discovery-source a{color:inherit;text-underline-offset:3px}.discovery-preview{display:grid;gap:12px;min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel)}.discovery-preview-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0}.discovery-preview-heading>div{min-width:0}.discovery-preview-heading small{font:9px 'DM Mono',monospace;color:var(--green)}.discovery-preview-heading h3{font:21px/1.3 'Playfair Display',serif;margin:5px 0}.discovery-preview-heading p,.discovery-facts{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.discovery-preview-heading .text-button{flex:0 0 auto;max-width:90px;white-space:normal}.discovery-note{display:grid;grid-template-columns:65px minmax(0,1fr);gap:10px;min-width:0;font-size:12px;line-height:1.6}.discovery-note>b{color:var(--text);font-size:11px}.discovery-note>span{color:var(--muted);min-width:0;overflow-wrap:anywhere}.discovery-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.discovery-actions>.button{max-width:100%;white-space:normal}@media(max-width:420px){.discovery-option{padding:11px}.discovery-preview{padding:12px}.discovery-note{grid-template-columns:55px minmax(0,1fr);gap:8px}.discovery-preview-heading h3{font-size:19px}}
.discovery-unplaced{display:grid;gap:6px;min-width:0;font-size:12px;line-height:1.6}.discovery-unplaced>b{font-size:11px}.discovery-unplaced>span{color:var(--muted);overflow-wrap:anywhere}.discovery-credits{display:grid;gap:5px;min-width:0}