:root{color-scheme:dark;--bg:#070706;--surface:#0d0d0c;--surface-2:#171410;--line:#514026;--text:#f3e6cf;--muted:#a79a87;--cyan:#d6a75c;--coral:#bc6652;--amber:#e2bb78;--bronze:#d6a75c;--radius:3px;--shadow:0 24px 70px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -5%,rgba(85,229,209,.12),transparent 28rem),var(--bg);color:var(--text);padding-bottom:88px}button,input,select{font:inherit}button{color:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(35,68,75,.65);position:sticky;top:0;background:rgba(6,22,26,.88);backdrop-filter:blur(18px);z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:1.15rem;font-weight:750;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--cyan);color:#052024;font-size:1.35rem;box-shadow:0 0 22px rgba(85,229,209,.22)}.icon-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;border-radius:13px;font-size:1.5rem;cursor:pointer}main{width:min(1180px,calc(100% - 44px));margin:auto;padding:42px 0 60px}.summary{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:.75rem;letter-spacing:.16em;font-weight:800}.summary h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1;margin:0;letter-spacing:-.055em}.primary-button,.secondary-button{border:0;border-radius:14px;padding:13px 18px;font-weight:750;cursor:pointer;min-height:48px}.primary-button{background:var(--cyan);color:#062125;box-shadow:0 10px 30px rgba(85,229,209,.12)}.secondary-button{background:var(--surface-2);color:var(--text)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0}.stats article{border-left:2px solid var(--line);padding:2px 18px}.stats article:first-child{border-color:var(--cyan)}.stats strong{display:block;font-size:1.7rem;letter-spacing:-.04em}.stats span{color:var(--muted);font-size:.85rem}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-bottom:10px}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 14px;white-space:nowrap;color:var(--muted);cursor:pointer}.filter.active{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:700}.project-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:18px}.project-card,.empty-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.project-image-wrap{position:relative;height:270px;overflow:hidden}.project-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}.status-badge{position:absolute;top:16px;left:16px;padding:7px 11px;border-radius:999px;background:rgba(6,22,26,.87);backdrop-filter:blur(10px);font-size:.78rem;font-weight:750}.project-body{padding:22px}.project-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}.meta{font-size:.72rem;letter-spacing:.1em;color:var(--muted);font-weight:700;margin:0 0 6px}.project-heading h2{font-size:1.45rem;letter-spacing:-.03em;margin:0}.percentage{color:var(--cyan);font-size:1.35rem}.progress{height:7px;background:#1b3b41;border-radius:999px;margin:20px 0;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#32bad4)}.project-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.88rem}.text-button{border:0;background:transparent;color:var(--cyan);font-weight:750;cursor:pointer}.empty-card{min-height:350px;border-style:dashed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:26px;color:var(--muted);cursor:pointer}.empty-card strong{color:var(--text);font-size:1.05rem}.empty-plus{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:var(--surface-2);color:var(--cyan);font-size:1.75rem;margin-bottom:8px}.bottom-nav{position:fixed;z-index:6;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:4px;background:rgba(13,35,40,.94);border:1px solid var(--line);padding:7px;border-radius:20px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.nav-item{border:0;background:transparent;border-radius:14px;color:var(--muted);display:flex;gap:7px;align-items:center;padding:11px 14px;cursor:pointer}.nav-item.active{background:var(--surface-2);color:var(--text)}dialog{width:min(520px,calc(100% - 28px));border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,7,9,.72);backdrop-filter:blur(4px)}form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-head h2{margin:0;font-size:1.7rem}.dialog-head .icon-button{line-height:1}label{display:grid;gap:8px;margin:15px 0;color:var(--muted);font-size:.88rem;font-weight:650}input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#071b20;color:var(--text);padding:13px;min-height:48px}input:focus,select:focus{outline:2px solid var(--cyan);outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;z-index:10;left:50%;bottom:96px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){main{width:min(100% - 28px,1180px);padding-top:28px}.summary{align-items:flex-start}.summary .primary-button{font-size:0;width:48px;padding:0}.summary .primary-button span{font-size:1.5rem}.stats{margin:26px 0}.stats article{padding-left:12px}.project-grid{grid-template-columns:1fr}.project-image-wrap{height:230px}.empty-card{min-height:190px}.nav-item{flex-direction:column;font-size:.7rem;gap:2px;padding:7px 10px}.topbar{padding:0 16px}.field-row{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}.search-sort{display:flex;gap:8px}.search-field,.sort-field{margin:0}.search-field input{width:min(240px,32vw)}.sort-field select{width:175px}.back-button{border:0;background:transparent;color:var(--cyan);font-weight:750;padding:0;margin-bottom:20px;cursor:pointer}.detail-hero{position:relative;min-height:480px;border:1px solid var(--line);border-radius:28px;overflow:hidden}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,22,.94) 0%,rgba(4,18,22,.67) 45%,rgba(4,18,22,.1) 80%)}.detail-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:480px;max-width:620px;padding:42px}.detail-overlay .status-badge{position:static;margin-bottom:auto}.detail-overlay h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:0 0 28px}.detail-actions{display:flex;gap:10px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.detail-stats article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.detail-stats strong,.detail-stats span{display:block}.detail-stats strong{font-size:1.2rem;margin-bottom:5px}.detail-stats span{font-size:.8rem;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.timeline>div{display:flex;gap:12px;align-items:center;padding:10px 0}.timeline i{width:9px;height:9px;border-radius:50%;background:var(--cyan)}.timeline span{display:flex;justify-content:space-between;flex:1}.timeline small{color:var(--muted)}
@media(max-width:700px){.project-tools{display:block}.search-sort{margin-bottom:10px}.search-field{flex:1}.search-field input{width:100%}.sort-field select{width:145px}.detail-hero,.detail-overlay{min-height:430px}.detail-overlay{padding:24px}.detail-stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-overlay h1{font-size:3.2rem}}
.summary-note{margin:10px 0 0;color:var(--muted)}.missing-text,.missing{color:#ff9b8d!important}.enough{color:var(--cyan);font-weight:800}.stock-table .table-head,.stock-table .table-row{grid-template-columns:1.1fr .8fr .7fr .7fr .7fr auto}.material-card{grid-column:1/-1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2{margin:0}.material-table{margin-top:22px;border-top:1px solid var(--line)}.material-head,.material-row{display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr auto;align-items:center;gap:14px;padding:13px 0}.material-head{color:var(--muted);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.material-row{border-top:1px solid var(--line)}.material-row strong{display:flex;align-items:center;gap:10px}
@media(max-width:700px){.stock-table .table-row{grid-template-columns:1fr 1fr 1fr}.stock-table .table-row .row-action{grid-column:1/-1;text-align:left}.material-head{display:none}.material-row{grid-template-columns:1fr 1fr}.material-row .row-action{grid-column:2;text-align:right}.section-head{align-items:flex-start}.section-head .secondary-button{white-space:nowrap}}
.timeline-entry{position:relative}.timeline-entry>img{width:72px;height:72px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.timeline-entry>span{display:grid!important;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center}.timeline-entry em{grid-column:1/-1;color:var(--muted);font-style:normal;font-size:.86rem}.timeline-entry small{text-align:right}.timeline-delete{border:0;background:transparent;color:var(--muted);font-size:1.15rem;cursor:pointer;padding:7px}.detail-actions{flex-wrap:wrap}
.wish-actions{display:flex;gap:12px;align-items:center}.wish-actions a{text-decoration:none}.install-hint{align-self:center;color:var(--muted);font-size:.86rem}
.summary-actions{display:flex;gap:10px;align-items:center}
@media(max-width:700px){.summary-actions{align-items:flex-end}.summary-actions .secondary-button{font-size:.8rem;padding-inline:12px}}
textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#071b20;color:var(--text);padding:13px;min-height:48px;resize:vertical;font:inherit}textarea:focus{outline:2px solid var(--cyan);outline-offset:1px}input[type="range"]{padding:0;accent-color:var(--cyan);min-height:28px}.dialog-copy{color:var(--muted);line-height:1.6}.dialog-actions{align-items:center}.card-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.empty-grid{grid-template-columns:1fr}.empty-grid .empty-card{min-height:280px}.table-card{margin-top:34px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.table-head,.table-row{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;align-items:center;gap:18px;padding:15px 20px}.table-head{background:var(--surface-2);color:var(--muted);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.table-row{border-top:1px solid var(--line);min-height:66px}.table-row strong{display:flex;align-items:center;gap:10px}.color-dot{display:inline-block;width:18px;height:18px;border-radius:6px;background:var(--dot);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.row-action,.danger-link{border:0;background:transparent;color:var(--cyan);font-weight:700;cursor:pointer}.danger-link{color:#ff8b7a;margin-right:auto}.inline-empty{padding:48px 20px;text-align:center;color:var(--muted)}.timer-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;min-height:60vh}.timer-copy h1{font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;letter-spacing:-.06em;margin:0 0 24px}.timer-copy>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:520px}.timer-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}#timerDisplay{display:block;font-variant-numeric:tabular-nums;font-size:clamp(3rem,8vw,5.8rem);font-weight:750;letter-spacing:-.07em;text-align:center;margin:36px 0}.timer-button{width:100%}.timer-button:disabled{opacity:.45}.wishlist-total{display:flex;justify-content:space-between;gap:20px;margin:34px 0 18px;padding:18px 20px;background:var(--surface-2);border-radius:15px;color:var(--muted)}.wishlist-total strong{color:var(--text)}.wish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wish-card{display:flex;justify-content:space-between;gap:22px;min-height:145px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.wish-card h2{margin:0;font-size:1.25rem}.wish-card>div:last-child{text-align:right;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.settings-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:34px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.settings-card h2{margin:0 0 12px}.settings-card p{color:var(--muted);line-height:1.65}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.file-button{display:inline-flex;align-items:center;cursor:pointer}.file-button input{display:none}.settings-card dl{margin:0}.settings-card dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.settings-card dt{color:var(--muted)}.settings-card dd{font-weight:750}.danger-zone{grid-column:1/-1}.danger-button{border:0;border-radius:14px;padding:13px 18px;min-height:48px;background:#792d2d;color:#fff;font-weight:750;cursor:pointer}
@media(max-width:700px){.project-grid,.wish-grid,.settings-grid,.timer-layout{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;padding:16px}.table-row .row-action{grid-column:2;text-align:right}.timer-layout{gap:18px;min-height:auto}.timer-copy h1{font-size:3.3rem}.settings-card{grid-column:auto}.bottom-nav{width:calc(100% - 24px);justify-content:space-around}.wish-card{min-height:130px}}

/* Shared brand structure */
html{font-family:"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif}
body{background-color:var(--bg);background-image:linear-gradient(rgba(35,66,53,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(35,66,53,.028) 1px,transparent 1px);background-size:48px 48px}
body::before{content:"";position:fixed;inset:72px 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--bronze),transparent);opacity:.42;pointer-events:none;z-index:4}
h1,h2,.brand-copy strong,.stats strong,.percentage,#timerDisplay{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.topbar{height:86px;border-color:rgba(83,76,62,.22);background:rgba(247,244,236,.91)}
.brand{gap:13px;letter-spacing:0}
.brand-mark{position:relative;display:block;width:48px;height:48px;overflow:hidden;border-radius:50%;border:1px solid rgba(17,21,18,.14);box-shadow:none;background:var(--surface)}
.brand-mark img{position:absolute;width:174px;max-width:none;height:auto;left:50%;top:-36px;transform:translateX(-50%)}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-size:1rem;letter-spacing:.13em}
.brand-copy small{margin-top:7px;color:var(--muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.icon-button{border-radius:50%;background:rgba(255,253,248,.74)}
main{padding-top:54px}
.eyebrow{color:var(--bronze);letter-spacing:.2em}
.summary h1,.timer-copy h1,.detail-overlay h1{letter-spacing:-.035em}
.primary-button,.secondary-button,.danger-button{border-radius:5px;letter-spacing:.025em}
.primary-button{background:var(--text);color:#fffdf8;box-shadow:0 10px 24px rgba(17,21,18,.13)}
.secondary-button{border:1px solid var(--line);background:transparent}
.stats article:first-child{border-color:var(--bronze)}
.filter{border-radius:3px}
.filter.active{background:var(--text);color:#fffdf8}
.project-card,.empty-card,.table-card,.settings-card,.wish-card,.timer-card{box-shadow:var(--shadow)}
.status-badge{border-radius:3px;background:rgba(17,25,20,.88);color:#fffdf8;letter-spacing:.04em}
.progress{background:#ddd5c6;border-radius:0}
.progress span{border-radius:0;background:var(--bronze)}
.percentage,.text-button,.back-button,.row-action{color:var(--bronze)}
.empty-plus{border-radius:50%;color:var(--bronze)}
.bottom-nav{background:rgba(255,253,248,.94);border-radius:8px}
.nav-item{border-radius:4px}
.nav-item.active{background:var(--text);color:#fffdf8}
dialog{border-radius:10px}
dialog::backdrop{background:rgba(17,21,18,.56)}
input,select,textarea{border-radius:4px;background:#fffdf8;color:var(--text)}
input:focus,select:focus,textarea:focus{outline-color:var(--bronze)}
input[type="range"]{accent-color:var(--bronze)}
.detail-hero{border-radius:10px}
.detail-hero::after{background:linear-gradient(90deg,rgba(11,24,17,.94) 0%,rgba(11,24,17,.7) 48%,rgba(11,24,17,.12) 86%)}
.detail-overlay{color:#fffdf8}
.detail-overlay .eyebrow{color:#d8b37d}
.detail-stats article,.wishlist-total{border-radius:5px}
.timeline i{background:var(--bronze)}
.enough{color:var(--cyan)}
.color-dot{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(17,21,18,.18)}
.brand-panel{grid-column:1/-1;display:grid;place-items:center;min-height:310px;overflow:hidden;border:1px solid var(--line);background:#050505}
.brand-panel img{display:block;width:min(680px,92%);max-height:360px;object-fit:contain}
.danger-button{background:#743b33}
@media(max-width:700px){.topbar{height:74px}.brand-mark{width:40px;height:40px}.brand-mark img{width:145px;top:-30px}.brand-copy strong{font-size:.78rem}.brand-copy small{display:none}main{padding-top:34px}.brand-panel{min-height:220px}}

fieldset{margin:22px 0;padding:8px 16px 12px;border:1px solid var(--line);border-radius:5px}legend{padding:0 8px;color:var(--bronze);font-family:Georgia,"Times New Roman",serif;font-size:1rem}label small{font-weight:400;color:var(--muted)}
.detail-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rating-stars{color:var(--bronze);letter-spacing:.08em}.project-facts{margin:0}.project-facts div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.project-facts div:last-child{border-bottom:0}.project-facts dt{color:var(--muted)}.project-facts dd{margin:0;font-weight:700;text-align:right}
.stock-table .table-head,.stock-table .table-row{grid-template-columns:1fr .7fr .8fr .7fr .7fr .7fr auto}.material-head,.material-row{grid-template-columns:1fr .75fr .75fr .75fr .75fr auto}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}.insight-grid article{min-height:130px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.insight-grid span,.insight-grid strong{display:block}.insight-grid span{color:var(--muted);font-size:.85rem}.insight-grid strong{margin-top:18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500}.statistics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.status-chart{display:grid;gap:14px;margin-top:22px}.status-chart>div{display:grid;grid-template-columns:minmax(120px,.8fr) 2fr 28px;align-items:center;gap:12px}.status-chart span{color:var(--muted);font-size:.88rem}.status-chart i{height:8px;background:var(--surface-2);overflow:hidden}.status-chart b{display:block;height:100%;background:var(--bronze)}.status-chart strong{text-align:right}
dialog{max-height:calc(100dvh - 28px);overflow:auto}
@media(max-width:700px){.insight-grid{grid-template-columns:1fr 1fr}.statistics-grid{grid-template-columns:1fr}.stock-table .table-row{grid-template-columns:1fr 1fr}.material-row{grid-template-columns:1fr 1fr}.material-row .row-action{grid-column:2}.bottom-nav{gap:0}.nav-item{padding-inline:7px}.detail-stats{grid-template-columns:1fr 1fr}}

/* CARENUNNOS — obsidian and gold */
html{background:#070706}
body{font-size:16px;background-color:var(--bg);background-image:radial-gradient(circle at 50% -12rem,rgba(214,167,92,.12),transparent 34rem),radial-gradient(circle at 12% 34%,rgba(214,167,92,.035),transparent 22rem),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}
body::before{inset:86px 0 auto;background:linear-gradient(90deg,transparent,rgba(214,167,92,.85),transparent);opacity:.55}
body::after{content:"";position:fixed;z-index:-1;top:150px;left:50%;width:min(72vw,780px);aspect-ratio:1;border:1px solid rgba(214,167,92,.055);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 90px rgba(214,167,92,.012),0 0 0 180px rgba(214,167,92,.008);pointer-events:none}
h1,h2,.brand-copy strong,.stats strong,.percentage,#timerDisplay,.insight-grid strong{font-family:"Segoe UI",ui-sans-serif,system-ui,sans-serif;font-weight:300;letter-spacing:.015em}
.topbar{height:86px;border-color:rgba(214,167,92,.28);background:rgba(7,7,6,.9);box-shadow:0 8px 40px rgba(0,0,0,.26)}
.brand{gap:16px}.brand-mark{width:52px;height:52px;border-color:rgba(226,187,120,.48);background:#050505;box-shadow:0 0 24px rgba(214,167,92,.1)}.brand-mark img{width:110px;top:-17px}.brand-copy strong{color:#f5dfbc;font-size:1rem;font-weight:500;letter-spacing:.28em}.brand-copy small{color:#bda77f;font-size:.6rem;letter-spacing:.18em}
.icon-button{border-color:rgba(214,167,92,.42);background:#0b0b0a;color:#e9c889}
main{padding-top:58px}.eyebrow{color:#d6a75c;font-size:.78rem;letter-spacing:.25em}.summary h1,.timer-copy h1,.detail-overlay h1{letter-spacing:.01em;font-weight:250}
.primary-button{border:1px solid #edca8f;background:#d6a75c;color:#090806;box-shadow:0 10px 34px rgba(214,167,92,.16);text-transform:uppercase;font-size:.82rem;letter-spacing:.12em}.secondary-button{border-color:rgba(214,167,92,.48);background:rgba(12,12,11,.72);color:#ead6b6}.primary-button:hover,.filter.active{background:#efd29f;color:#080807}.secondary-button:hover{border-color:#d6a75c;background:#19150f}
.stats{border-top:1px solid rgba(214,167,92,.18);border-bottom:1px solid rgba(214,167,92,.18);padding:25px 0}.stats article{border-color:rgba(214,167,92,.22)}.stats article:first-child{border-color:#d6a75c}.stats strong{color:#f5dfbc}.filter{border-color:rgba(214,167,92,.28);color:#bcae99;background:rgba(5,5,5,.5);border-radius:1px}.filter.active{border-color:#efd29f}
.project-card,.empty-card,.table-card,.settings-card,.wish-card,.timer-card,.insight-grid article{background:linear-gradient(145deg,rgba(20,18,14,.96),rgba(9,9,8,.98));border-color:rgba(214,167,92,.26);border-radius:2px;box-shadow:var(--shadow)}.project-image-wrap img{filter:saturate(.68) brightness(.76) contrast(1.08)}.project-card{position:relative}.project-card::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(242,211,161,.05)}.status-badge{border:1px solid rgba(232,195,132,.45);background:rgba(6,6,5,.88);color:#f2d5a5;border-radius:1px;text-transform:uppercase;letter-spacing:.1em}.meta{color:#bba98b}.percentage,.text-button,.back-button,.row-action,.rating-stars{color:#e2b86f}.progress{height:5px;background:#28231b}.progress span{background:linear-gradient(90deg,#8c642d,#f0cc8b);box-shadow:0 0 12px rgba(214,167,92,.32)}
.empty-plus{border:1px solid rgba(214,167,92,.36);background:#12100d;color:#e1b66d}.bottom-nav{border-color:rgba(214,167,92,.38);background:rgba(8,8,7,.94);border-radius:2px}.nav-item{border-radius:1px;color:#a99b86}.nav-item.active{background:#d6a75c;color:#080807}.nav-item:hover{color:#efd29f}.nav-item.active:hover{color:#080807}
dialog{border-color:rgba(214,167,92,.52);background:#0b0b0a;color:var(--text);border-radius:2px}dialog::backdrop{background:rgba(0,0,0,.82)}fieldset{border-color:rgba(214,167,92,.3)}legend{color:#ddb573}input,select,textarea{border-color:rgba(214,167,92,.34);background:#080807;color:#f0dfc3;border-radius:1px}input:focus,select:focus,textarea:focus{outline-color:#d6a75c}.toast{background:#e2bb78;color:#090806;border-radius:1px}
.detail-hero{border-color:rgba(214,167,92,.35);border-radius:2px}.detail-hero::after{background:linear-gradient(90deg,rgba(3,3,3,.97) 0%,rgba(3,3,3,.72) 50%,rgba(3,3,3,.18) 88%)}.detail-overlay{color:#f5e8d2}.detail-overlay .eyebrow{color:#e3ba76}.detail-stats article,.wishlist-total{background:#0d0d0c;border-color:rgba(214,167,92,.25);border-radius:1px}.project-facts div,.settings-card dl div,.table-row,.material-row{border-color:rgba(214,167,92,.17)}.table-head{background:#17130e;color:#c2ad89}.color-dot{box-shadow:0 0 0 1px rgba(226,187,120,.38)}.status-chart i{background:#252018}.status-chart b{background:linear-gradient(90deg,#896229,#e5bd79)}
.brand-panel{min-height:560px;border-color:rgba(214,167,92,.35);background:#050505}.brand-panel img{width:min(510px,88%);max-height:680px;filter:contrast(1.03)}.danger-button{border-color:#a85c4c;background:#6e3027;color:#fff2e7}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080807}::-webkit-scrollbar-thumb{background:#44341f;border:2px solid #080807}
@media(max-width:700px){body::before{inset:74px 0 auto}.brand-mark{width:42px;height:42px}.brand-mark img{width:90px;top:-14px}.brand-copy strong{font-size:.8rem;letter-spacing:.2em}.brand-panel{min-height:430px}.brand-panel img{width:min(340px,94%)}.insight-grid article{min-height:112px;padding:17px}.summary h1{font-size:2.35rem}}

/* Onboarding, accessories and time log */
.onboarding-dialog{width:min(760px,calc(100% - 28px))}.onboarding-dialog form{padding:42px;text-align:center}.onboarding-logo{display:block;width:min(250px,72%);height:210px;object-fit:cover;object-position:center 7%;margin:0 auto 28px;border:1px solid rgba(214,167,92,.28)}.onboarding-dialog h2{margin:0;font-size:clamp(2rem,5vw,3.4rem);font-weight:300}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 24px;text-align:left}.onboarding-grid article{display:grid;gap:16px;min-height:135px;padding:20px;border:1px solid rgba(214,167,92,.23);background:linear-gradient(145deg,#15120e,#090908)}.onboarding-grid strong{color:#e4bc79;font-size:1.35rem;font-weight:300}.onboarding-grid span{color:#c4b49a;line-height:1.5}.onboarding-note{color:var(--muted);line-height:1.6}.onboarding-start{min-width:220px;margin-top:12px}
.accessory-section,.session-section{margin-top:42px}.accessory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.accessory-card{display:flex;justify-content:space-between;gap:24px;min-height:145px;padding:22px;border:1px solid rgba(214,167,92,.26);background:linear-gradient(145deg,rgba(20,18,14,.96),rgba(9,9,8,.98))}.accessory-card h3{margin:0 0 10px;font-size:1.2rem;font-weight:500}.accessory-card p:last-child{margin:0;color:var(--muted);line-height:1.5}.accessory-card>div:last-child{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.accessory-card>div:last-child strong{color:#f0d5a8;font-size:1.55rem;font-weight:300}.accessory-card>div:last-child span{margin:3px 0 auto;color:var(--muted);font-size:.78rem}
.timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-time{display:block;width:100%;margin-top:18px;padding:10px}.session-list{margin-top:18px;border:1px solid rgba(214,167,92,.26);background:linear-gradient(145deg,rgba(20,18,14,.96),rgba(9,9,8,.98))}.session-list button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 20px;border:0;border-top:1px solid rgba(214,167,92,.17);background:transparent;text-align:left;cursor:pointer}.session-list button:first-child{border-top:0}.session-list button:hover{background:rgba(214,167,92,.05)}.session-list span{display:grid;gap:5px}.session-list strong{font-weight:600}.session-list small{color:var(--muted)}.session-list b{color:#e4bc79;font-size:1.05rem;font-weight:500;white-space:nowrap}
@media(max-width:700px){.onboarding-dialog form{padding:26px 20px}.onboarding-logo{height:155px}.onboarding-grid{grid-template-columns:1fr;margin-block:24px 18px}.onboarding-grid article{grid-template-columns:44px 1fr;align-items:center;min-height:auto}.accessory-grid{grid-template-columns:1fr}.timer-actions{grid-template-columns:1fr}.session-list button{align-items:flex-start}.accessory-section,.session-section{margin-top:32px}}

/* Legal pages */
.legal-footer{display:flex;justify-content:center;gap:24px;padding:0 20px 112px;color:var(--muted);font-size:.82rem}.legal-footer a,.legal-page a{color:#e2b86f}.legal-page{padding-bottom:0}.legal-top{width:min(780px,calc(100% - 36px));margin:auto;padding:30px 0}.legal-top a{text-decoration:none;font-weight:650}.legal-page main{width:min(780px,calc(100% - 36px));padding:42px 0 80px}.legal-page h1{margin:0 0 42px;font-size:clamp(2.7rem,7vw,5.2rem)}.legal-page section{padding:24px 0;border-top:1px solid rgba(214,167,92,.24)}.legal-page h2{margin:0 0 14px;font-size:1.25rem;font-weight:500}.legal-page p,.legal-page address{color:#c7baa5;line-height:1.72;font-style:normal}.legal-page strong{color:#f3e6cf}.legal-switch{margin-top:34px}

/* Mobile overflow safeguards */
html,body{max-width:100%;overflow-x:hidden}main,.project-tools,.filters,.table-card{min-width:0;max-width:100%}.filters{scrollbar-width:none;overscroll-behavior-inline:contain}.filters::-webkit-scrollbar{display:none}
@media(max-width:700px){.stock-table{width:100%;overflow:hidden}.stock-table .table-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.stock-table .table-row>*{min-width:0;overflow-wrap:anywhere}.stock-table .table-row .row-action{grid-column:1/-1;justify-self:start;max-width:100%;white-space:normal;text-align:left}.material-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.material-row>*{min-width:0;overflow-wrap:anywhere}}

.material-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.restock-card p{margin-bottom:10px}.transfer-note{display:block;color:var(--muted)}.restock-list{display:grid;gap:10px}.restock-list label{display:grid;grid-template-columns:1fr minmax(110px,150px);align-items:center;gap:16px;margin:0;padding:10px 0;border-bottom:1px solid rgba(214,167,92,.17)}.restock-list input{text-align:right}.reorder-list{display:grid;gap:0;border-top:1px solid rgba(214,167,92,.22)}.reorder-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:15px 0;border-bottom:1px solid rgba(214,167,92,.17)}.reorder-list article>span{display:flex;gap:10px;align-items:baseline}.reorder-list small{color:var(--muted)}.reorder-list b{color:#efc886;font-weight:600}.offer-list{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.affiliate-disclosure{padding:12px;border:1px solid rgba(214,167,92,.3);color:#c9b797;font-size:.82rem;line-height:1.5}
@media(max-width:700px){.material-actions{grid-column:1/-1;justify-content:flex-start}.restock-card .section-head{display:grid}.restock-card .primary-button{width:100%}.restock-list label{grid-template-columns:minmax(0,1fr) 110px}.reorder-list article{grid-template-columns:minmax(0,1fr) auto}}

/* Keep destructive project actions fully visible on narrow phones. */
@media(max-width:700px){#projectForm .dialog-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}#deleteProjectButton{grid-column:1/-1;width:100%;margin:0;padding:12px;border:1px solid rgba(210,104,83,.55);text-align:center}#cancelProjectButton,#saveProjectButton{width:100%;min-width:0;padding-inline:10px}}

/* Steinchenliebe personal themes */
html[data-palette="atelier"]{--bg:#faf8fc;--surface:#fffefe;--surface-2:#f1edf7;--line:#ddd6e8;--text:#293044;--muted:#6d7180;--accent:#927cc3;--accent-2:#86c6b0;--accent-soft:#eee8f8;--on-accent:#20222d;--coral:#d67b91;--amber:#e8c77d;--shadow:0 18px 50px rgba(64,48,88,.1)}
html[data-palette="soft"]{--bg:#fffaf4;--surface:#fffefd;--surface-2:#f8ede4;--line:#ead8ca;--text:#372e31;--muted:#75686a;--accent:#d9785d;--accent-2:#89ad91;--accent-soft:#fbe6dc;--on-accent:#20222d;--coral:#d9785d;--amber:#d8b273;--shadow:0 18px 50px rgba(94,62,45,.1)}
html[data-palette="candy"]{--bg:#f8fbff;--surface:#fff;--surface-2:#edf4fc;--line:#d8e1ef;--text:#24334d;--muted:#65748b;--accent:#659edb;--accent-2:#ea8caf;--accent-soft:#e7f2fd;--on-accent:#20222d;--coral:#ea8caf;--amber:#e6c17d;--shadow:0 18px 50px rgba(50,80,120,.1)}
html[data-palette="custom"]{--bg:#faf8fc;--surface:#fffefe;--surface-2:#f1edf7;--line:#ddd6e8;--text:#293044;--muted:#6d7180;--accent:var(--custom-accent);--accent-2:#86c6b0;--accent-soft:color-mix(in srgb,var(--custom-accent) 14%,white);--on-accent:var(--custom-on-accent);--coral:#d67b91;--amber:#e8c77d;--shadow:0 18px 50px rgba(64,48,88,.1)}
html[data-mode="light"]{color-scheme:light}
html[data-mode="dark"]{color-scheme:dark;--bg:#1d1d23;--surface:#27272f;--surface-2:#32323c;--line:#484853;--text:#f6f2fa;--muted:#bbb5c2;--accent-soft:color-mix(in srgb,var(--accent) 24%,#24242b);--shadow:0 20px 54px rgba(0,0,0,.3)}
html[data-font="small"]{font-size:14px}html[data-font="normal"]{font-size:16px}html[data-font="large"]{font-size:18px}
html[data-cards="rounded"]{--radius:20px}html[data-cards="square"]{--radius:6px}
html,body{background-color:var(--bg);color:var(--text)}
body{background-image:radial-gradient(circle at 9% 6%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 25rem),radial-gradient(circle at 92% 25%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 28rem)}
body::before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent);opacity:.7}body::after{border-color:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 0 90px color-mix(in srgb,var(--accent) 2.5%,transparent),0 0 0 180px color-mix(in srgb,var(--accent-2) 2%,transparent)}
.topbar{border-color:var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 8px 34px color-mix(in srgb,var(--text) 7%,transparent)}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent;box-shadow:none}.brand-mark img{position:static;width:48px;height:48px;max-width:100%;transform:none}.brand-copy strong{color:var(--text);font-size:.95rem;font-weight:750;letter-spacing:.15em}.brand-copy small{color:var(--muted);font-size:.62rem;letter-spacing:.04em;text-transform:none}
.icon-button{border-color:var(--line);background:var(--surface);color:var(--accent)}.eyebrow{color:var(--accent)}
.primary-button{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 24%,transparent)}.primary-button:hover{background:color-mix(in srgb,var(--accent) 88%,var(--text));color:var(--on-accent)}.secondary-button{border-color:var(--line);background:var(--surface);color:var(--text)}.secondary-button:hover{border-color:var(--accent);background:var(--accent-soft)}
.stats{border-color:var(--line)}.stats article,.stats article:first-child{border-color:var(--line)}.stats article:first-child{border-color:var(--accent)}.stats strong{color:var(--text)}
.filter{border-color:var(--line);background:var(--surface);color:var(--muted);border-radius:999px}.filter.active,.filter.active:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr))}.project-card,.empty-card,.table-card,.settings-card,.wish-card,.timer-card,.insight-grid article,.accessory-card,.session-list{border-color:var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.project-image-wrap img{filter:saturate(.86) brightness(.98)}.project-card::after{border-color:transparent}.status-badge{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--text)}.progress{height:7px;border-radius:999px;background:var(--surface-2)}.progress span{border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:none}.percentage,.text-button,.back-button,.row-action,.rating-stars,.legal-footer a,.legal-page a{color:var(--accent)}.empty-plus{border-color:var(--line);background:var(--accent-soft);color:var(--accent)}
.bottom-nav{border-color:var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.nav-item{border-radius:12px;color:var(--muted)}.nav-item.active,.nav-item.active:hover{background:var(--accent);color:var(--on-accent)}.nav-item:hover{color:var(--accent)}
dialog{border-color:var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}dialog::backdrop{background:rgba(35,31,42,.5)}input,select,textarea{border-color:var(--line);border-radius:10px;background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline-color:var(--accent)}input[type="range"]{accent-color:var(--accent)}.toast{border-radius:12px;background:var(--text);color:var(--bg)}fieldset{border-color:var(--line)}legend{color:var(--accent)}
.table-head{background:var(--surface-2);color:var(--muted)}.table-row,.material-row,.project-facts div,.settings-card dl div{border-color:var(--line)}.status-chart i{background:var(--surface-2)}.status-chart b{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.color-dot{box-shadow:0 0 0 1px var(--line)}.wishlist-total,.detail-stats article{border-color:var(--line);border-radius:var(--radius);background:var(--surface-2)}
.onboarding-dialog form{background:var(--surface)}.onboarding-logo{width:132px;height:132px;object-fit:contain;border:0;background:transparent}.onboarding-grid article{border-color:var(--line);border-radius:var(--radius);background:var(--surface-2)}.onboarding-grid strong{color:var(--accent)}
.design-card{grid-column:1/-1}.design-heading{display:flex;align-items:center;gap:16px}.design-heading h2,.design-heading .eyebrow{margin:0}.design-mark{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px}.design-mark img{width:100%;height:100%}.theme-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.theme-preset{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.theme-preset.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.theme-preset span{display:grid;gap:4px}.theme-preset small{color:var(--muted)}.theme-dot{width:28px;height:28px;flex:0 0 28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.theme-dot.atelier{background:linear-gradient(135deg,#9b87c9 50%,#8fcbb7 50%)}.theme-dot.soft{background:linear-gradient(135deg,#db8064 50%,#8bad92 50%)}.theme-dot.candy{background:linear-gradient(135deg,#6da8e3 50%,#ed92b5 50%)}.theme-dot.custom{background:conic-gradient(#ee8b9d,#edc86d,#83c5a9,#7ba8df,#af8bd4,#ee8b9d)}.appearance-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;margin-top:18px}.appearance-fields label{margin-block:8px}.appearance-fields input[type="color"]{padding:6px;height:48px}.reset-design{margin-top:18px}
html[data-density="compact"] .project-body,html[data-density="compact"] .settings-card,html[data-density="compact"] .wish-card,html[data-density="compact"] .timer-card{padding:15px}html[data-density="compact"] .project-image-wrap{height:190px}html[data-density="compact"] main{padding-top:32px}
html[data-layout="list"] .project-grid{grid-template-columns:1fr}html[data-layout="list"] .project-card .card-open{display:grid;grid-template-columns:190px minmax(0,1fr)}html[data-layout="list"] .project-card .project-image-wrap{height:100%;min-height:190px}
html[data-cards="rounded"] .primary-button,html[data-cards="rounded"] .secondary-button,html[data-cards="rounded"] .danger-button{border-radius:12px}html[data-cards="square"] .primary-button,html[data-cards="square"] .secondary-button,html[data-cards="square"] .danger-button,html[data-cards="square"] .theme-preset{border-radius:5px}
@media(max-width:760px){.theme-presets{grid-template-columns:1fr 1fr}.appearance-fields{grid-template-columns:1fr 1fr}.brand-copy small{display:block}.design-card{grid-column:auto}html[data-layout="list"] .project-card .card-open{grid-template-columns:112px minmax(0,1fr)}html[data-layout="list"] .project-card .project-image-wrap{min-height:150px}html[data-layout="list"] .project-card .project-body{padding:15px}html[data-layout="list"] .project-card .project-heading{align-items:flex-start}html[data-layout="list"] .project-card .meta{font-size:.62rem}html[data-layout="list"] .project-card .project-footer{display:grid;gap:4px}.onboarding-logo{height:110px}}
@media(max-width:430px){.appearance-fields{grid-template-columns:1fr}.theme-preset{min-height:64px;padding:10px}.brand-copy strong{font-size:.72rem;letter-spacing:.1em}.brand-copy small{font-size:.52rem}.brand-mark,.brand-mark img{width:40px;height:40px}}

/* Modern selection controls */
select{appearance:none;-webkit-appearance:none;padding-right:44px;background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 12px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;box-shadow:0 1px 0 color-mix(in srgb,var(--text) 4%,transparent);transition:border-color .18s,box-shadow .18s}select:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--line))}select:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.theme-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-preset{position:relative;padding-right:42px;transition:transform .16s,border-color .16s,box-shadow .16s}.theme-preset:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.theme-preset>b{position:absolute;top:50%;right:14px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.72rem;opacity:0;transform:translateY(-50%) scale(.7);transition:.16s}.theme-preset.active>b{opacity:1;transform:translateY(-50%) scale(1)}
.accent-picker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.accent-picker p{margin:0}.accent-picker .control-title{margin-bottom:5px;color:var(--text);font-weight:800}.accent-picker>div:first-child p:last-child{font-size:.86rem}.accent-row{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.accent-swatch{position:relative;width:38px;height:38px;flex:0 0 38px;border:3px solid var(--surface);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .16s,box-shadow .16s}.accent-swatch:hover{transform:scale(1.08)}.accent-swatch[aria-pressed="true"]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--swatch)}.custom-color-trigger{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;margin:0;padding:5px 11px 5px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:.82rem;cursor:pointer;overflow:hidden}.custom-color-trigger:hover{border-color:var(--accent)}.custom-color-trigger input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.custom-color-preview{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.appearance-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.choice-card{min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.choice-card legend{padding-inline:7px;color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:750}.choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px}.choice-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}.choice-button>span{font-size:1.05rem}.choice-button[aria-pressed="true"]{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,var(--line))}.choice-button:hover{background:var(--surface-2);color:var(--text)}.choice-button:focus-visible,.accent-swatch:focus-visible,.theme-preset:focus-visible,.custom-color-trigger:focus-within{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:2px}
@media(max-width:760px){.theme-presets{grid-template-columns:1fr}.accent-picker{display:grid;gap:14px}.accent-row{justify-content:flex-start}.appearance-controls{grid-template-columns:1fr}.choice-card{padding:9px}.choice-button{min-height:46px}}

/* Refined color studio */
.accent-picker{display:block;padding:20px}.accent-picker>div:first-child{margin-bottom:16px}.accent-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.accent-choice{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:0;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:700;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.accent-choice:hover{transform:translateY(-1px);border-color:var(--swatch)}.accent-choice>i{width:26px;height:26px;border-radius:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.accent-choice>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent-choice>b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--swatch);color:#fff;font-size:.68rem;opacity:0}.accent-choice[aria-pressed="true"]{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 10%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--swatch) 18%,transparent)}.accent-choice[aria-pressed="true"]>b{opacity:1}.custom-choice>i{background:linear-gradient(135deg,var(--swatch),color-mix(in srgb,var(--swatch) 42%,white))}.custom-choice>b{opacity:1;background:transparent;color:var(--muted);font-size:1.05rem}
.accent-dialog{width:min(520px,calc(100% - 28px))}.accent-dialog form{padding:28px}.accent-live-preview{--preview-accent:#927cc3;display:flex;align-items:center;gap:16px;margin:22px 0;padding:18px;border:1px solid color-mix(in srgb,var(--preview-accent) 36%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--preview-accent) 13%,var(--surface))}.accent-live-preview>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--preview-accent);color:#fff;font-size:1.45rem;box-shadow:0 10px 24px color-mix(in srgb,var(--preview-accent) 28%,transparent)}.accent-live-preview>div{display:grid;gap:3px}.accent-live-preview output{color:var(--muted);font-variant-numeric:tabular-nums}.accent-sliders{display:grid;gap:18px}.accent-sliders label{display:grid;gap:9px;margin:0}.accent-sliders label>span{display:flex;justify-content:space-between;gap:16px;color:var(--text);font-weight:700}.accent-sliders output{color:var(--muted);font-weight:600}.accent-sliders input[type="range"]{width:100%;height:8px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,#ef7070,#efd970,#78c98b,#70c9e9,#8270e9,#e970c7,#ef7070)}.accent-sliders label:nth-child(2) input{background:linear-gradient(90deg,#aaa,var(--accent))}.accent-sliders label:nth-child(3) input{background:linear-gradient(90deg,#29252f,var(--accent),#fff)}.accent-sliders input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border:4px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--line),0 4px 12px rgba(0,0,0,.18)}
.settings-legal{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.settings-legal a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text);font-weight:700;text-decoration:none}.settings-legal a:hover{border-color:var(--accent);background:var(--accent-soft)}
@media(max-width:760px){.accent-row{grid-template-columns:1fr}.accent-choice{min-height:52px;padding-inline:12px}.accent-choice>span{overflow:visible;text-overflow:clip;white-space:nowrap}.accent-dialog form{padding:22px 18px}}

/* Camera and gallery chooser */
.photo-field{margin-block:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.photo-field legend{padding-inline:7px;font-weight:800}.photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-action{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:11px;min-width:0;min-height:68px;margin:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}.photo-action:hover{border-color:var(--accent);transform:translateY(-1px)}.photo-action:focus-within{outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.photo-action>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:1.2rem}.photo-action strong{align-self:end;color:var(--text);font-size:.9rem;white-space:nowrap}.photo-action small{align-self:start;min-width:0;overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.photo-action input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.photo-result{display:flex;align-items:center;gap:11px;margin-top:11px;color:var(--muted);font-size:.8rem}.photo-preview{width:58px;height:58px;flex:0 0 58px;border-radius:11px;object-fit:cover;box-shadow:inset 0 0 0 1px var(--line)}.photo-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.photo-actions{grid-template-columns:1fr}.photo-action{min-height:64px}.photo-action strong,.photo-action small{overflow:visible;text-overflow:clip;white-space:normal}}

/* Legal pages stay restrained and readable in every app theme. */
.legal-page{color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#f6f6f6;--line:#d9d9dc;--text:#151518;--muted:#3f3f45;--accent:#111;--accent-2:#111;--accent-soft:#f2f2f2;background:#fff;color:#151518;background-image:none}.legal-page::before,.legal-page::after{display:none}.legal-page .legal-top,.legal-page main{color:#151518}.legal-page a,.legal-page .eyebrow,.legal-page strong{color:#111}.legal-page p,.legal-page address{color:#29292e}.legal-page section{border-color:#d9d9dc}.legal-page h1,.legal-page h2{color:#111}.legal-page a{text-decoration-color:#777;text-underline-offset:3px}.legal-page .long-title{font-size:clamp(2.1rem,6.2vw,4.6rem);line-height:1.04;letter-spacing:-.045em}
@media(max-width:480px){.legal-page main{width:min(100% - 32px,780px);padding-top:28px}.legal-page h1{margin-bottom:30px}.legal-page .long-title{font-size:clamp(1.7rem,8vw,2.2rem);letter-spacing:-.035em;white-space:nowrap}}