:root { --ink:#1b1b18; --paper:#f2efe7; --muted:#79766f; --line:#d3cec2; --accent:#a84232; --deep:#22231f; }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--paper); color:var(--ink); }
body { margin:0; font-family:"DM Sans",sans-serif; min-height:100vh; }
.grain { pointer-events:none; position:fixed; inset:0; z-index:10; opacity:.13; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
.site-header { height:94px; padding:0 clamp(24px,5vw,78px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:11px; align-items:center; color:var(--ink); text-decoration:none; font-family:"Playfair Display",serif; font-size:24px; letter-spacing:-.04em; }
.brand-mark { width:29px; height:29px; border-radius:50%; color:var(--paper); background:var(--accent); display:grid; place-items:center; font-size:17px; font-style:italic; }
nav { display:flex; align-items:center; gap:24px; font-size:13px; }
.nav-link { color:var(--ink); text-decoration:none; position:relative; padding:7px 0; }
.nav-link.active:after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--accent); }
.collection-count, .eyebrow, .detail-label { font:11px "DM Mono",monospace; letter-spacing:.08em; color:var(--muted); text-transform:uppercase; }
main { max-width:1440px; min-height:calc(100vh - 172px); margin:auto; padding:clamp(48px,7vw,102px) clamp(24px,5vw,78px) 80px; }
.hero { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr); gap:40px; align-items:end; margin-bottom:66px; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:800px; font:500 clamp(44px,6.2vw,89px)/.98 "Playfair Display",serif; letter-spacing:-.055em; margin:15px 0 0; }
.hero-note { margin:0 0 7px; max-width:260px; font-size:14px; line-height:1.7; color:var(--muted); }
.filters { display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:15px; margin-bottom:26px; }
.filter { border:0; background:none; padding:0; font:11px "DM Mono",monospace; color:var(--muted); letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.filter.active { color:var(--accent); }
.gallery-designer-filter { appearance:none; min-width:170px; border:1px solid var(--line); border-radius:0; padding:8px 29px 8px 10px; color:var(--ink); background:var(--paper); font:11px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.gallery-designer-filter:focus { outline:1px solid var(--accent); border-color:var(--accent); }
.mini-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:26px; }
.mini-card { grid-column:span 4; color:inherit; text-decoration:none; position:relative; }
.mini-card:nth-child(2) { margin-top:70px; } .mini-card:nth-child(3) { margin-top:23px; }
.card-image { aspect-ratio: .77; position:relative; overflow:hidden; background:#2b2c29; }
.card-image img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.mini-card:hover img { transform:scale(1.045); }
.card-image:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35)); }
.card-meta { display:flex; justify-content:space-between; gap:10px; margin-top:13px; font-size:13px; }
.card-meta h2 { font:500 23px/1.1 "Playfair Display",serif; letter-spacing:-.025em; margin:0; }
.card-meta time { padding-top:5px; font:11px "DM Mono",monospace; color:var(--muted); white-space:nowrap; }
.empty .card-image { background:linear-gradient(140deg,#3d3d36,#262722); display:grid; place-items:center; }
.empty .card-image:after { background:linear-gradient(180deg,transparent,rgba(0,0,0,.2)); }
.empty-symbol { width:76px;height:76px;border:1px solid rgba(255,255,255,.4);border-radius:50%; color:#e2dbcc; display:grid;place-items:center; font:italic 38px "Playfair Display",serif; }
.empty .card-meta { opacity:.58; }
.card-status { color:#bf9d71; font:10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }
footer { min-height:78px; padding:0 clamp(24px,5vw,78px); border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; color:var(--muted); font:11px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
/* Detail */
.back { color:var(--muted); font:11px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; display:inline-flex; gap:9px; align-items:center; margin-bottom:45px; }.back:hover{color:var(--accent)}
.detail-head { display:grid; grid-template-columns:1fr minmax(250px,.55fr); gap:40px; padding-bottom:47px; border-bottom:1px solid var(--line); margin-bottom:31px; }.detail-head h1 { font-size:clamp(42px,5.8vw,76px); margin-top:14px; }.detail-summary { align-self:end; color:var(--muted); font-size:15px; line-height:1.7; margin:0; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr); gap:clamp(35px,7vw,105px); }.gallery-stage { background:#1a1b19; aspect-ratio:.79; overflow:hidden; position:relative; }.gallery-stage img { width:100%;height:100%;object-fit:cover; }.zoom-note { position:absolute; bottom:15px; left:15px; color:#fff; font:10px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; background:rgba(0,0,0,.35); padding:8px 10px; }
.thumbs { display:flex; gap:10px; margin-top:11px; }.thumb { width:73px; height:90px; border:1px solid transparent; background:#272723; padding:0; cursor:pointer; overflow:hidden; }.thumb.active { border-color:var(--accent); }.thumb img { width:100%;height:100%;object-fit:cover; }.thumb-placeholder { color:#d2cab9; display:grid;place-items:center; font:11px "DM Mono",monospace; }
.facts { margin:0; border-top:1px solid var(--line); }.fact { padding:17px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:110px 1fr; gap:15px; }.fact dt { font:10px "DM Mono",monospace; color:var(--muted); letter-spacing:.07em; text-transform:uppercase; }.fact dd { margin:0; font-size:14px; line-height:1.45; }.fact a { color:var(--accent); text-decoration-thickness:1px; text-underline-offset:3px; }.detail-actions { margin-top:27px; display:flex; gap:10px; }.button { padding:12px 15px; border:1px solid var(--ink); color:var(--ink); background:transparent; font:11px "DM Mono",monospace; text-decoration:none; text-transform:uppercase; letter-spacing:.06em; cursor:pointer; }.button:hover{background:var(--ink);color:var(--paper)}
/* Admin */
.admin-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}.admin-head h1{font-size:clamp(40px,5vw,68px);margin:12px 0 0}.admin-intro{font-size:14px;color:var(--muted);line-height:1.6;max-width:390px;margin:0}.admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(35px,6vw,90px)}.admin-section{padding:28px 0;border-top:1px solid var(--line)}.admin-section:first-child{padding-top:0;border-top:0}.admin-section h2{font:500 29px/1.1 "Playfair Display",serif;margin-bottom:8px;letter-spacing:-.035em}.admin-help{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:20px}.crop-workspace{background:#232421;padding:clamp(14px,2.5vw,25px)}.crop-frame{aspect-ratio:4/5;max-height:620px;overflow:hidden;position:relative;margin:auto;background:#151614;cursor:grab;user-select:none;touch-action:none}.crop-frame.dragging{cursor:grabbing}.crop-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;pointer-events:none}.crop-guide{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.7);pointer-events:none;box-shadow:0 0 0 2000px rgba(0,0,0,.1)}.crop-guide:before,.crop-guide:after{content:"";position:absolute;background:rgba(255,255,255,.38)}.crop-guide:before{left:33.33%;right:33.33%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.38);background:none}.crop-guide:after{top:33.33%;bottom:33.33%;left:0;right:0;border-top:1px solid rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.38);background:none}.crop-caption{margin:0;padding:13px 0 0;font:10px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#cbc6ba}.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px}.range-label{display:flex;justify-content:space-between;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.range-label output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.admin-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.admin-photo{border:1px solid var(--line);padding:4px;background:transparent;position:relative;aspect-ratio:1;cursor:pointer}.admin-photo img{width:100%;height:100%;object-fit:cover}.admin-photo.selected{border:2px solid var(--accent)}.admin-photo span{position:absolute;bottom:7px;left:7px;background:var(--accent);color:white;padding:4px 6px;font:9px "DM Mono",monospace;text-transform:uppercase}.upload-area{display:block;border:1px dashed #aaa397;padding:23px;text-align:center;cursor:pointer;color:var(--muted);font-size:13px;line-height:1.55}.upload-area:hover{border-color:var(--accent);color:var(--accent)}.upload-area strong{font:500 21px "Playfair Display",serif;display:block;color:var(--ink);margin-bottom:2px}.upload-area input{display:none}.form-row{margin-bottom:20px}.form-row label{display:block;font:10px "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.form-row input,.form-row textarea{width:100%;border:1px solid var(--line);border-radius:0;padding:12px;color:var(--ink);background:#faf8f1;font:14px "DM Sans",sans-serif}.form-row textarea{min-height:105px;resize:vertical}.form-row input:focus,.form-row textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.admin-sidebar{background:#e7e2d7;padding:27px;align-self:start}.admin-sidebar h3{font:500 24px "Playfair Display",serif;margin-bottom:13px}.admin-sidebar p{font-size:13px;line-height:1.6;color:var(--muted)}.admin-sidebar ol{padding-left:19px;margin:17px 0 0;font-size:13px;line-height:1.75;color:var(--ink)}.save-row{display:flex;gap:10px;align-items:center;margin-top:28px}.save-state{font-size:12px;color:var(--muted)}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover{background:#873424}.admin-link{display:inline-flex;gap:8px;align-items:center;margin-top:25px;color:var(--muted);font:10px "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}.admin-link:hover{color:var(--accent)}
.admin-photo[draggable="true"]{cursor:grab}.admin-photo[draggable="true"]:active{cursor:grabbing}.admin-photo.is-dragging{opacity:.38}.admin-photo.drop-target{outline:2px solid var(--accent);outline-offset:2px}.upload-area.drag-over{border:2px solid var(--accent);background:#f6e9df;color:var(--accent)}
@media (max-width:750px) { .site-header{height:76px}.hero,.detail-head,.detail-layout,.admin-grid{grid-template-columns:1fr;gap:24px}.hero{margin-bottom:48px}.mini-grid{grid-template-columns:repeat(2,1fr);gap:22px 13px}.mini-card{grid-column:span 1}.mini-card:nth-child(2),.mini-card:nth-child(3){margin-top:0}.card-meta{display:block}.card-meta time{display:block;padding-top:7px}.detail-head{padding-bottom:32px}.detail-layout{gap:35px}.gallery-stage{max-height:690px}.fact{grid-template-columns:96px 1fr}footer{font-size:9px}.admin-head{align-items:start;flex-direction:column}.crop-controls{grid-template-columns:1fr} }

/* The admin thumbnail and public card always share the 4:5 cover format. */
.card-image img { transform:scale(var(--cover-zoom,1)); transform-origin:var(--cover-x,50%) var(--cover-y,50%); transition:filter .3s ease; }
.mini-card:hover img { transform:scale(var(--cover-zoom,1)); filter:brightness(1.06); }
.admin-photo { aspect-ratio:4/5; }
.crop-frame img { transform:scale(var(--crop-zoom,1)); transform-origin:var(--crop-x,50%) var(--crop-y,50%); }
.admin-photo { padding:4px; overflow:hidden; display:block; }
.photo-preview { border:0; background:none; padding:0; width:100%; height:100%; display:block; cursor:grab; }
.photo-preview img { width:100%; height:100%; object-fit:cover; display:block; }
.profile-checkbox { position:absolute; left:7px; bottom:7px; display:flex; align-items:center; gap:5px; padding:5px 6px; background:rgba(247,244,237,.94); color:var(--muted); font:9px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.04em; cursor:pointer; }
.profile-checkbox input { accent-color:var(--accent); margin:0; }
.admin-photo.active { outline:2px solid var(--ink); outline-offset:2px; }
.gallery-arrow { position:absolute; z-index:2; top:0; bottom:0; width:20%; border:0; background:transparent; color:#fff; font:400 64px/1 "Playfair Display",serif; opacity:0; cursor:pointer; transition:opacity .2s ease, background .2s ease; }
.gallery-arrow.previous { left:0; text-align:left; padding-left:20px; }
.gallery-arrow.next { right:0; text-align:right; padding-right:20px; }
.gallery-arrow:hover, .gallery-arrow:focus-visible { opacity:1; background:linear-gradient(90deg,rgba(0,0,0,.25),transparent); outline:0; }
.gallery-arrow.next:hover, .gallery-arrow.next:focus-visible { background:linear-gradient(270deg,rgba(0,0,0,.25),transparent); }
.photo-preview img, .thumb img { transform:scale(var(--thumb-zoom,1)); transform-origin:var(--thumb-x,50%) var(--thumb-y,50%); }
.gallery-stage #detail-image { object-fit:contain; transform:none; }
.gallery-stage { aspect-ratio:auto !important; }
.gallery-stage #detail-image { width:100%; height:auto; display:block; }
.detail-layout.landscape { grid-template-columns:1fr; }
.detail-layout.landscape > div { grid-column:1; }
.detail-layout.landscape > aside { max-width:none; }
.model-navigation { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:65px; padding-top:20px; border-top:1px solid var(--line); }
.model-step { color:var(--ink); text-decoration:none; padding:15px 0; display:flex; flex-direction:column; gap:6px; }
.model-step.next { text-align:right; align-items:flex-end; border-left:1px solid var(--line); padding-left:22px; }
.model-step span { color:var(--muted); font:10px "DM Mono",monospace; letter-spacing:.07em; text-transform:uppercase; }
.model-step strong { font:500 24px "Playfair Display",serif; letter-spacing:-.03em; }
.model-step:hover strong { color:var(--accent); }
@media (max-width:750px) { .model-navigation { margin-top:35px; gap:10px; }.model-step strong { font-size:19px; }.model-step.next { padding-left:10px; } }
.top-model-navigation { display:flex; align-items:center; gap:18px; margin-bottom:45px; font:11px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.top-model-navigation a { color:var(--muted); text-decoration:none; }
.top-model-navigation a:nth-child(2) { color:var(--ink); padding:0 18px; border-left:1px solid var(--line); border-right:1px solid var(--line); }
.top-model-navigation a:hover { color:var(--accent); }
@media (max-width:750px) { .top-model-navigation { gap:9px; font-size:9px; }.top-model-navigation a:nth-child(2) { padding:0 9px; } }

/* Dark gallery theme */
:root { --ink:#eee9dd; --paper:#121313; --muted:#aaa69d; --line:#373934; --accent:#d3634d; --deep:#0b0c0c; }
html, body { background:#121313; color:var(--ink); }
.grain { opacity:.075; mix-blend-mode:screen; }
.site-header, footer { background:#151716; border-color:var(--line); }
.brand-mark { color:#fff7ec; background:var(--accent); }
.hero-note, .detail-summary, .admin-intro { color:#bab6ac; }
.card-image { background:#0a0b0b; }
.card-image:after { background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5)); }
.empty .card-image { background:linear-gradient(140deg,#262924,#101110); }
.admin-sidebar { background:#1a1c1a; }
.form-row input, .form-row textarea, .form-row select { background:#181a18; border-color:#40423d; color:var(--ink); }
.form-row input:focus, .form-row textarea:focus { outline-color:var(--accent); border-color:var(--accent); }
.upload-area { border-color:#5a5b55; }
.upload-area strong { color:var(--ink); }
.upload-area.drag-over { background:#2b201d; }
.profile-checkbox { background:rgba(24,26,24,.94); color:#ded8cb; }
.admin-photo { background:#101110; border-color:#484a45; }
.top-model-navigation a:nth-child(2) { color:var(--ink); }
.gallery-stage { background:#080909; }
.model-navigation, .top-model-navigation { border-color:var(--line); }
.form-row select { width:100%; border:1px solid var(--line); border-radius:0; padding:12px; color:var(--ink); background:#faf8f1; font:14px "DM Sans",sans-serif; }
.inline-add { display:inline-block; margin-top:9px; color:var(--accent); font:11px "DM Mono",monospace; text-decoration:none; letter-spacing:.04em; }
.inline-designer-form { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; padding:12px; border:1px solid var(--line); background:#151716; }
.inline-designer-form[hidden] { display:none; }.inline-designer-form input { width:100%; border:1px solid #40423d; border-radius:0; padding:10px; color:#eee9dd; background:#181a18; font:13px "DM Sans",sans-serif; }.inline-designer-form > div { grid-column:1 / -1; display:flex; align-items:center; gap:8px; }
.designer-form { display:grid; grid-template-columns:1fr 1fr auto; gap:14px; align-items:end; padding-bottom:26px; border-bottom:1px solid var(--line); }
.designer-form .form-row { margin:0; }
.designer-list { margin-top:10px; }
.designer-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid var(--line); }
.designer-row strong { display:block; font:500 22px "Playfair Display",serif; }.designer-row a { color:var(--accent); font-size:12px; }
.designer-edit-form { display:none; width:100%; grid-template-columns:1fr 1fr auto; gap:14px; align-items:end; padding-top:18px; }
.designer-row.editing { flex-wrap:wrap; }.designer-row.editing .designer-summary, .designer-row.editing .designer-actions { display:none; }.designer-row.editing .designer-edit-form { display:grid; }
.designer-edit-form .form-row { margin:0; }.designer-edit-actions { display:flex; align-items:center; gap:8px; padding-bottom:1px; }
.delete-photo { position:absolute; top:7px; right:7px; z-index:2; width:24px; height:24px; border:0; border-radius:50%; background:rgba(0,0,0,.7); color:#fff; font-size:18px; line-height:1; cursor:pointer; opacity:0; }.admin-photo:hover .delete-photo { opacity:1; }
@media (max-width:750px) { .designer-form { grid-template-columns:1fr; }.designer-row { align-items:flex-start; flex-direction:column; } }
@media (max-width:750px) { .inline-designer-form { grid-template-columns:1fr; } }
@media (max-width:750px) { .designer-edit-form { grid-template-columns:1fr; }.designer-edit-actions { padding:0; } }

/* Public collection: a strict, calm 4:5 matrix rather than a staggered editorial grid. */
.card-image { aspect-ratio:4/5; }
.mini-card:nth-child(2), .mini-card:nth-child(3) { margin-top:0; }
.gallery-designer-filter { color-scheme:dark; color:#eee9dd; background-color:#181a18; border-color:#40423d; }
.gallery-designer-filter option { color:#eee9dd; background-color:#181a18; }
.gallery-sort-direction { width:38px; border:1px solid #40423d; color:#eee9dd; background:#181a18; font:18px/1 "DM Mono",monospace; cursor:pointer; }
.gallery-sort-direction:hover, .gallery-sort-direction:focus-visible { border-color:var(--accent); color:var(--accent); outline:0; }
.confirmation-overlay { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:24px; background:rgba(0,0,0,.66); backdrop-filter:blur(5px); }
.confirmation-dialog { width:min(100%,430px); padding:30px; border:1px solid #4b4d47; background:#181a18; box-shadow:0 22px 70px rgba(0,0,0,.55); }.confirmation-dialog h2 { margin:10px 0 10px; font:500 31px/1.05 "Playfair Display",serif; letter-spacing:-.035em; }.confirmation-dialog p { margin:0 0 25px; color:#bab6ac; font-size:14px; line-height:1.6; }.confirmation-dialog .button + .button { margin-left:8px; }.button.danger { border-color:#c65045; color:#fff; background:#a63d36; }.button.danger:hover { background:#c65045; }
.gallery-stage #detail-image { cursor:zoom-in; }.gallery-stage #detail-image:focus-visible { outline:2px solid var(--accent); outline-offset:-4px; }
.lightbox-open { overflow:hidden; }.photo-lightbox { position:fixed; z-index:40; inset:0; display:flex; align-items:center; justify-content:center; padding:clamp(24px,5vw,70px); background:rgba(4,5,5,.96); }.lightbox-image { width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; box-shadow:0 20px 80px rgba(0,0,0,.55); }.lightbox-close, .lightbox-arrow { position:absolute; border:0; color:#f4efe4; background:rgba(255,255,255,.08); cursor:pointer; transition:background .2s ease,color .2s ease; }.lightbox-close:hover, .lightbox-arrow:hover, .lightbox-close:focus-visible, .lightbox-arrow:focus-visible { color:#fff; background:rgba(211,99,77,.8); outline:0; }.lightbox-close { top:20px; right:22px; width:44px; height:44px; border-radius:50%; font:32px/1 "DM Sans",sans-serif; }.lightbox-arrow { top:50%; transform:translateY(-50%); width:64px; height:96px; font:400 64px/1 "Playfair Display",serif; }.lightbox-arrow.previous { left:20px; }.lightbox-arrow.next { right:20px; }.lightbox-counter { position:absolute; bottom:22px; left:50%; transform:translateX(-50%); color:#e9e4d8; background:rgba(0,0,0,.42); padding:8px 10px; font:10px "DM Mono",monospace; letter-spacing:.09em; }.photo-lightbox .lightbox-arrow { opacity:1; }
@media (max-width:750px) { .photo-lightbox { padding:62px 14px; }.lightbox-arrow { width:46px; height:72px; font-size:48px; }.lightbox-arrow.previous { left:8px; }.lightbox-arrow.next { right:8px; }.lightbox-close { top:10px; right:12px; } }
.gallery-controls { display:flex; gap:8px; align-items:stretch; }
@media (max-width:750px) { .filters { align-items:flex-start; gap:12px; }.gallery-controls { flex-wrap:wrap; }.gallery-sort-direction { min-height:38px; } }
.form-row select { color-scheme:dark; color:#eee9dd; background-color:#181a18; border-color:#40423d; }
.form-row select option { color:#eee9dd; background-color:#181a18; }
.month-input { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:8px; }
.month-input select { width:100%; border:1px solid #40423d; border-radius:0; padding:12px 8px; color-scheme:dark; color:#eee9dd; background-color:#181a18; font:14px "DM Sans",sans-serif; }
.month-input select option { color:#eee9dd; background-color:#181a18; }