/* MyFit — monochrome. Shared by library, editor, Today and Archive. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/pretendard.css');
:root{
 color-scheme:dark;
 --bg:#111111;--paper:#1A1A1A;--ink:#F0F0F0;--muted:#A3A3A3;--line:#333333;
 --forest:#F2F2F2;--forest-dark:#D6D6D6;--cream:#242424;--accent:#F0F0F0;--tint:#242424;--warn:#F4A6A6;
 --ui-font:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
 --font:var(--ui-font);--editor-font:var(--ui-font);--font-body:var(--ui-font);--font-display:var(--ui-font);
 --weight-title:500;--shadow:none;--radius-card:10px;
}
html,body{background:var(--bg);color:var(--ink);font-family:var(--ui-font);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--ui-font);font-weight:400}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #A3A3A3;outline-offset:3px}
button:disabled{opacity:.45}
input,select,textarea{color-scheme:dark}
input::placeholder,textarea::placeholder{color:#858585;opacity:1}
/* One restrained wordmark, no decorative captions or colored dots. */
.eyebrow,.hero>.eyebrow,.desktop-crumb,.nav-label,.site-brand small,.brand small,.detail-overline{display:none}
.hero h1,.hero-row h1,.center-panel h1{font-family:var(--ui-font);font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.35}
.hero h1 span,.hero .accent-dot{color:var(--ink)}
.hero .subtext,.hero p{color:var(--muted);font-size:14px;font-weight:400;line-height:1.7}
.logo-mark,.logo-mark.small,.mobile-brand b,.mark{background:#F0F0F0;color:#111;border-radius:8px;font-weight:600;box-shadow:none}
.logo-mark span,.mark span{color:#111}
.site-brand strong,.brand{color:var(--ink);font-family:var(--ui-font);font-weight:500;letter-spacing:.2px}
.sidebar{background:#151515;border-color:var(--line)}
.sidebar .side-link{color:var(--muted);font-weight:400;font-size:14px;border-radius:7px}
.sidebar .side-link.active{background:#282828;color:#FFF}.sidebar .side-link:hover:not(.active){background:#202020}
.side-link>b{background:#303030;color:#BBB;font-weight:400}
.online-status,.account-email,.desktop-crumb,.text-action,.back,.signout-btn{color:var(--muted);font-weight:400}
.online-status i{background:#AAA}
.topbar{background:#111111F5;border-color:var(--line);box-shadow:none}
.full-screen{background:#111}.center-panel{background:#191919;border-color:var(--line);border-radius:14px;box-shadow:none}
.auth-form label{font-weight:500;color:var(--ink)}
.center-panel>.eyebrow{display:none}.center-panel .fineprint{color:var(--muted)}
.center-panel .logo-mark{width:48px;height:48px;font-size:25px;margin-bottom:23px}
.center-panel h1{font-size:29px;letter-spacing:-.8px}
/* Buttons: light primary, quiet outlines; all status accents remain semantic. */
.btn,.actions button,.primary-link{font-weight:500;border-radius:7px;box-shadow:none}
.btn.primary,.actions .primary,.primary-link,.detail-buy{background:#EEEEEE;border-color:#EEE;color:#111;font-weight:500;box-shadow:none}
.btn.primary:hover,.actions .primary:hover,.primary-link:hover,.detail-buy:hover{background:#D8D8D8;color:#111}
.btn.outline,.btn:not(.primary):not(.danger),.actions .outline{border-color:#444;background:#202020;color:#DDD}
.btn.danger{background:#2D1C1C;color:#F4A6A6;border-color:#624242}
.plain-link{color:#DDD;font-weight:500}
/* Library controls and cards. Photographs keep their original light canvas. */
.quick-entry{background:var(--paper);border-color:var(--line);border-radius:8px}
.quick-entry>summary,.quick-link-form label,.library-options>summary{color:#CCC;font-weight:400;font-size:13px}
.quick-entry>summary::after{color:#999}
.quick-link-form input,.auth-form input,.form-grid input,.form-grid select,.form-grid textarea,.import-row input,.toolbar select,.toolbar input,.date-row input,.date-row button,.extras select,.extras textarea,.picker-search-wrap input,.slot select,.detail-rank-row select,.detail-rank-row button,.wq-input-row input,.wq-paste{background:#222;color:#E6E6E6;border-color:#3A3A3A;font-weight:400;box-shadow:none}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.wq-input-row input:focus{border-color:#AAA;box-shadow:none}
.search-wrap{background:#1A1A1A;border-color:var(--line);border-radius:7px}.search-wrap span{color:#999}
.toolbar select{border-radius:7px}.library-options .helper,.quick-link-form .helper{color:#999}
.summary small,.summary strong{color:#AAA;font-weight:400}.summary strong{color:#DDD}.summary{border-color:#3A3A3A}
.summary small{letter-spacing:0;font-size:10px}
.collection-heading h2{font-size:19px;font-weight:500;letter-spacing:-.4px;color:#EEE}
.result-count{color:#999;font-size:11px;letter-spacing:0}
.item-card{background:#1B1B1B;border-color:#303030;border-radius:10px;box-shadow:none;transition:border-color .15s}
.item-card:hover{border-color:#777;transform:none;box-shadow:none}
.item-photo{background:#FFF}.item-photo img{object-fit:contain}
.item-info{padding:13px 13px 16px}.item-brand{color:#A9A9A9;font-size:11px;letter-spacing:.3px;font-weight:400}
.item-name{font-size:14px;font-weight:400;line-height:1.55;letter-spacing:-.25px;color:#EEE}
.item-price{font-size:14px;font-weight:500;color:#EEE;margin-top:9px}
.item-priority{color:#222;background:#FFFFFFE8;border-radius:5px;font-size:10px;font-weight:500}
.item-placeholder{font-family:var(--ui-font);color:#999}
.item-meta,.currency-hint,.rating-caption{color:#AAA}
.item-rating .rating-number,.detail-rating .rating-number{color:#BBB;font-weight:400}
.collection-controls .btn[aria-pressed=true]{background:#DDD;color:#111;border-color:#DDD}
.data-tools{background:#1A1A1A;border-color:#333;color:#AAA;box-shadow:none;border-radius:9px}
/* Detail and management dialogs. */
dialog,.widget-quick-dialog,#item-picker{background:#1A1A1A;color:#EEE;border-color:#333;box-shadow:none;border-radius:12px}
dialog::backdrop,.widget-quick-dialog::backdrop,#item-picker::backdrop{background:#000B;backdrop-filter:blur(3px)}
.dialog-head,.dialog-footer,.detail-head{background:#191919;border-color:#333}
.dialog-head h2{font-weight:500}.icon-close,.detail-head .icon-close{background:#2B2B2B;color:#DDD;border-radius:7px}
.detail-image-stage{background:#FFF}.detail-brand{font-size:12px;letter-spacing:.3px;color:#AAA;font-weight:400}
.detail-body h2{color:#EEE;font-size:26px;font-weight:500;line-height:1.5;letter-spacing:-.5px}
.detail-category,.detail-extra p,.detail-manage summary{color:#AAA;font-weight:400}
.detail-price{color:#EEE;font-size:24px;font-weight:500;letter-spacing:-.4px}
.detail-rank-controls,.rank-controls{background:#222;border-color:#333;border-radius:8px}
.detail-rank-controls strong,.detail-rank-row button,.detail-rank-row select{color:#DDD;font-weight:400}
.detail-rank-controls small{color:#AAA}.detail-manage{border-color:#333}
.form-grid label,.url-import-block>label,.measurements-head,.quick-note strong{color:#CCC;font-weight:500}
.more-details summary,.url-import-block,.quick-note,.wq-tabs,.wq-note,.size-table-scroll tr:first-child{background:#232323;color:#BBB;border-color:#383838;font-weight:400}
.wq-tabs button{color:#BBB;font-weight:400}.wq-tabs button[aria-pressed=true]{background:#EEE;color:#111;border-color:#EEE;box-shadow:none}
.wq-paste{border-color:#444}.wq-intro,.import-feedback{color:#AAA}
.photo-pick,.photo-comparison figure,.import-image-choice{background:#222;border-color:#444}
.import-image-choice .image-label{color:#AAA}.import-image-actions button{background:#333;color:#EEE;font-weight:400}
.gallery-tile[aria-pressed=true]{border-color:#EEE;box-shadow:0 0 0 1px #EEE}.gallery-best,.widget-rank{background:#222;color:#FFF}
.toast{background:#DDD;color:#111;border:1px solid #555;box-shadow:none;font-weight:400}.toast.error{background:#472626;color:#FFF}
/* Today and Archive share the same quiet surfaces and typography. */
.date-row,.panel,.empty,.extras,.slot,.picker-card,.history-entry,.archive-card{background:#1B1B1B;border-color:#333;border-radius:10px;box-shadow:none;color:#EEE}
.date-row label,.slot-caption,.extras label,.picker-count,.picker-brand,.picker-name,.picker-empty,.picker-footer span,.history-entry .meta,.archive-info p{color:#AAA;font-weight:400}
.date-row{border-radius:8px}.date-row button{background:#303030;color:#DDD}
.section-title h2,.extras h2,.empty h3,.panel h2,.picker-head h2,.archive-info h2{font-weight:500;color:#EEE;letter-spacing:-.4px}
.count{background:#2A2A2A;color:#BBB;font-weight:400}.empty-symbol{background:#2A2A2A;color:#DDD}
.slot-photo{background:#FFF;color:#999}.slot-photo .placeholder{color:#888;font-weight:300}.slot-photo::after{background:#FFF;color:#111;border-color:#DDD}
.slot-heading{color:#EEE;font-weight:500}.slot select{border-color:#444;border-radius:6px}
.picker-head button,.picker-footer,.picker-footer button{background:#272727;color:#DDD;border-color:#444}
.picker-photo{background:#FFF;color:#999}.picker-card[aria-pressed=true]{border-color:#EEE;box-shadow:0 0 0 1px #EEE}
.picker-more{background:#222;color:#DDD;border-color:#444}.history-entry .arrow{color:#AAA}.history-entry.selected{background:#272727;border-color:#888}
.archive-toolbar button{background:#1C1C1C;border-color:#444;color:#BBB;border-radius:7px;font-weight:400}
.archive-toolbar button[aria-pressed=true]{background:#EEE;color:#111;border-color:#EEE}
.archive-photos{background:#EDEDED}.archive-photo{background:#FFF;color:#777;border-radius:3px}
.archive-favorite{background:#FFFFFFED;color:#222;border-color:#DDD}.archive-favorite[aria-pressed=true]{background:#222;color:#FFF;border-color:#777}
#archive-feedback{color:#CCC}.archive-open:focus-visible{outline-color:#AAA}
/* Keep the requested 2 / 1 / 2 navigation; use quiet monochrome states. */
.bottom-nav{background:#151515F5;border-color:#333;backdrop-filter:blur(12px)}
.bottom-nav .bottom-link{color:#999;font-weight:400}.bottom-nav .bottom-link.active{color:#FFF}
.bottom-nav .bottom-link small{font-family:var(--ui-font);font-weight:400;font-size:11px;letter-spacing:-.5px}
.bottom-nav .bottom-add{background:#EEE;color:#111;border-radius:11px;font-weight:300;box-shadow:none}
body:has(.save-bar) .save-bar{background:#171717F5;border-color:#333;box-shadow:none}
@media(max-width:700px){
 .hero h1,.hero-row h1{font-size:28px;letter-spacing:-.7px}.hero .subtext,.hero p{font-size:13px}
 .main-inner{padding-inline:15px}.item-brand{font-size:10px}.item-name{font-size:13px}.item-price{font-size:13px}
 .item-info{padding:12px 11px 14px}.item-rating .item-rating-star{font-size:14px}.item-rating .rating-number{font-size:11px}
 .detail-body h2{font-size:23px}.detail-price{font-size:23px}.detail-body{padding-inline:20px}
 .center-panel{padding:28px 23px}.center-panel h1{font-size:27px}
 .toolbar input,.toolbar select,.auth-form input,.quick-link-form input,.form-grid input,.form-grid select,.form-grid textarea,.import-row input,.wq-input-row input{font-size:16px}
 .summary small{font-size:9px}.summary strong{font-size:13px}.collection-heading h2{font-size:18px}
 .picker-name{font-size:13px}.archive-info h2{font-size:14px}.archive-toolbar button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.item-card{transition:none}}
/* Compact rhythm: content first, no repeated headings or counter strips. */
.main-inner{padding-top:20px}.main-inner .hero{margin-bottom:0}
.hero .subtext{display:none}.summary-cards{margin-top:10px}
.collection-section{margin-top:16px}.collection-heading{margin-bottom:8px}.collection-heading h2{display:none}
.toolbar{margin-bottom:6px;gap:7px}.library-options{margin-bottom:10px}.library-options>summary{min-height:32px;padding-block:2px}
.items-grid:not(.widget-grid):not(.list-layout){gap:12px}.item-info{padding:10px 11px 12px}.item-name{margin-top:2px}.item-price{margin-top:6px}.item-rating{margin-top:4px}
main>.hero{margin-bottom:20px}main>.hero h1{margin:0 0 5px}.hero>p{max-width:48ch;font-size:13px}.date-row{margin-top:12px}
.section-title{margin-bottom:10px}.section-title h2{margin:0;font-size:17px}.slots{gap:11px}.slot-body{padding:10px;gap:3px}.slot-caption{display:none}
.slot-photo{aspect-ratio:4/3}.slot-photo:has(.placeholder){aspect-ratio:auto;height:100px}.slot select{margin-top:2px}
.extras{margin-top:16px;padding:17px}.extras h2{margin:0 0 12px}.extras label{margin:10px 0 5px}.history{margin-top:20px}
.archive-toolbar{margin-bottom:12px;gap:7px}.archive-grid{gap:12px}.archive-info{padding:10px 11px 12px}#archive-feedback{margin:0 0 10px;min-height:0}#archive-feedback:empty{display:none}
@media(max-width:700px){
 .topbar{height:50px}.main-inner{padding:14px 12px calc(90px + env(safe-area-inset-bottom))}
 .hero h1,.hero-row h1{font-size:26px;line-height:1.3;margin-bottom:0}
 .main-inner .quick-entry,.main-inner .summary-cards{display:none}
 .collection-section{margin-top:10px}.collection-heading{margin-bottom:5px;min-height:14px}.result-count{font-size:10px}
 .toolbar input,.toolbar select{min-height:42px}.toolbar{gap:6px}.library-options{margin-bottom:7px}
 .items-grid:not(.widget-grid):not(.list-layout){gap:8px}.item-info{padding:9px 9px 11px}.item-name{font-size:13px;line-height:1.45}.item-brand{min-height:12px}.item-price{margin-top:5px}
 main{padding-top:18px;padding-inline:12px}main>.hero{margin-bottom:16px}.hero>p{font-size:12px}.date-row{margin-top:11px}
 .slots{gap:8px}.slot-photo:has(.placeholder){height:84px}.slot select{min-height:42px}.slot-body{padding:9px}.section-title{margin-bottom:9px}
 .archive-grid{gap:9px}.archive-info{padding:9px 10px 11px}.archive-toolbar{margin-bottom:11px}.archive-toolbar button{min-height:42px;padding-block:8px}
 .bottom-nav{min-height:62px;padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}
 body:has(.save-bar) .save-bar{bottom:calc(62px + env(safe-area-inset-bottom));padding-top:7px;padding-bottom:7px}
 .save-bar .actions button{min-height:42px;padding-block:8px}.save-bar #feedback{font-size:10px;margin-top:4px;max-height:30px}
}

.slot-photo:has(.placeholder){background:#242424}

main.main{padding:0}.mobile-brand b span,.logo-mark span,.mark span{display:none}
.mobile-brand{font-size:13px;letter-spacing:.6px}.header-tools{position:relative;margin-left:auto}.header-tools>summary{list-style:none;display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;font-size:24px;color:#CCC;letter-spacing:2px}.header-tools>summary::-webkit-details-marker{display:none}.header-tools>div{position:absolute;right:0;top:100%;z-index:7;min-width:170px;background:#222;border:1px solid #444;border-radius:8px;padding:5px;box-shadow:0 10px 25px #0006}.header-tools .text-action{display:block;width:100%;text-align:left;font-size:13px;min-height:44px;padding:10px;color:#DDD}.header-tools .text-action:hover{background:#333}
@media(max-width:700px){.toolbar select{min-width:0;width:calc(50% - 4px);flex:1 1 calc(50% - 4px);padding-inline:8px;font-size:14px}.main-inner{padding-top:12px}.mobile-brand b{width:25px;height:25px;letter-spacing:-1.5px}}
#item-detail-dialog{background:#1A1A1A;border-radius:12px}
.detail-rank-tag{color:#222;border-radius:5px;box-shadow:none;font-weight:500}
.detail-rank-row .detail-rank-save{background:#DDD;color:#111;border-color:#DDD;font-weight:500}
#detail-rank-feedback{color:#BBB}.gallery-filters button[aria-pressed=true]{background:#DDD;color:#111;border-color:#DDD}
@media(max-width:700px){#item-detail-dialog{border-radius:14px 14px 0 0}}
.detail-head{justify-content:flex-end}.hero h1>.accent-dot{display:none}
@media(max-width:700px){.collection-heading{position:relative;min-height:0;margin:0}.collection-heading .result-count{position:absolute;right:0;bottom:18px}.detail-image-stage{height:min(42dvh,350px)}}
.item-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}