:root{color:#26372f;font-synthesis:none;text-rendering:optimizelegibility;--cream:#fffcf7;--sage:#eaf0e4;--green:#416a57;--green-dark:#2e4f40;--peach:#f8e0d3;--yellow:#f7efcf;--ink:#26372f;--muted:#7a817b;--line:#e4e7df;--white:#fff;--radius:24px;--shadow:0 20px 70px #2e4f4024;background:#eaf0e4;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--sage)}body{background:radial-gradient(circle at 50% 5%, #f5f7f1 0, var(--sage) 44%, #dfe7da 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #416a5747}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(2rem,9vw,2.65rem);line-height:1.12}h2{letter-spacing:-.035em}p{line-height:1.55}.app-frame{background:var(--cream);width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow:clip}.app-content{padding:0 24px 132px}.topbar{background:#fffcf7f2;justify-content:space-between;align-items:flex-start;padding:28px 24px 14px;display:flex}.eyebrow{color:#69736c;letter-spacing:.01em;margin:0 0 10px;font-size:.82rem;font-weight:700}.status-row{gap:6px;display:flex}.mode-badge,.offline-badge{border-radius:999px;align-items:center;min-height:25px;padding:4px 9px;font-size:.7rem;font-weight:800;display:inline-flex}.mode-badge{background:var(--peach);color:#895942}.offline-badge{color:#984c46;background:#f4e2df}.icon-button,.search-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:inline-grid}.icon-button:hover,.search-trigger:hover{background:#f0f2eb}.icon-button svg,.search-trigger svg{stroke-width:2.2px;width:23px;height:23px}.bottom-nav{z-index:10;bottom:calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eaf0e4f5;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:4px;width:min(100% - 48px,382px);padding:5px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #35493e1c}.bottom-nav button{color:#788078;cursor:pointer;background:0 0;border:0;border-radius:20px;min-height:62px}.bottom-nav button.is-active{color:var(--green);background:#fff;box-shadow:0 4px 14px #2d493b14}.bottom-nav svg{width:24px;height:24px;margin:0 auto 3px;display:block}.bottom-nav span{font-size:.72rem;font-weight:800;display:block}.screen{animation:.26s both enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.screen-heading{margin:0 0 22px}.screen-heading--row{justify-content:space-between;align-items:flex-start;display:flex}.screen-heading .eyebrow{margin-bottom:8px}.screen-heading h1{font-size:2.25rem}.primary-button,.secondary-button,.soft-button,.add-button,.danger-button,.logout-button{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{background:var(--green);color:#fff;width:100%}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{opacity:.55;cursor:wait}.secondary-button{color:var(--ink);background:#f0f2eb}.soft-button{background:#f2f3ed;min-height:44px}.add-button{background:var(--peach);color:#704d3c;min-height:44px}.danger-button{color:#a04438;background:#f8e5df}.logout-button{color:#7f4c43;background:0 0;width:100%}.primary-button svg,.secondary-button svg,.soft-button svg,.add-button svg,.danger-button svg,.logout-button svg{width:19px}.button-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button-pair>*{width:100%}.text-button{min-height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:800}.demo-banner,.notice-card{border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.demo-banner{color:#6f5c50;background:#f2eadf;margin:0 0 20px;font-size:.79rem}.demo-banner svg{flex:0 0 19px}.notice-card{margin:16px 0}.notice-card--peach{background:var(--peach)}.notice-card svg{flex:0 0 22px}.notice-card strong{margin-bottom:3px;display:block}.notice-card p,.demo-banner p{margin:0;font-size:.8rem}.global-error,.form-error{color:#8c3e34;background:#fae8e2;border-radius:14px;padding:12px 14px;font-size:.82rem;font-weight:700}.helper-text,.privacy-note{color:var(--muted);text-align:center;font-size:.74rem}.welcome-screen{background:linear-gradient(160deg, #eef2e9 0 34%, var(--cream) 34% 100%);place-items:center;min-height:100dvh;padding:28px 20px;display:grid}.welcome-card{width:min(100%,390px);box-shadow:var(--shadow);background:#fffcf7f5;border-radius:32px;padding:34px 26px 28px}.welcome-mark{background:var(--yellow);color:#a77b34;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid;transform:rotate(-4deg)}.welcome-mark svg{width:28px}.welcome-card h1{margin:8px 0 18px;font-size:2.65rem}.welcome-copy{color:#697169;font-size:.96rem}.welcome-card>.primary-button,.welcome-card>.secondary-button{width:100%;margin-top:8px}.login-form{gap:12px;margin:18px 0 8px;display:grid}.login-form label,.register-form>label,.form-grid label,.settings-form>label,.time-grid label{color:#677069;gap:7px;font-size:.76rem;font-weight:800;display:grid}input,select{width:100%;min-height:48px;color:var(--ink);background:#f2f3ee;border:1px solid #0000;border-radius:14px;padding:0 14px}.welcome-points{color:var(--muted);gap:7px;margin-top:22px;font-size:.73rem;display:grid}.welcome-points span{align-items:center;gap:7px;display:flex}.welcome-points svg{width:16px;color:var(--green)}.outfit-screen .screen-heading{margin-bottom:24px}.outfit-screen .screen-heading h1{margin-bottom:12px}.budget-pill{background:var(--sage);min-height:44px;color:var(--green);cursor:pointer;border:0;border-radius:999px;padding:7px 13px;font-size:.75rem;font-weight:800}.date-toggle{align-items:center;gap:8px;margin-bottom:20px;display:flex}.date-toggle button,.filter-chips button,.segmented-control button{color:#7d827d;cursor:pointer;background:#f1f2ed;border:0;border-radius:999px;min-height:44px;padding:0 17px;font-weight:800}.date-toggle button.is-active,.filter-chips button.is-active,.segmented-control button.is-active{background:var(--green);color:#fff}.date-toggle span{color:#838881;margin-left:auto;font-size:.8rem}.weather-card{background:var(--yellow);border-radius:24px;align-items:center;gap:17px;min-height:112px;margin-bottom:22px;padding:20px;display:flex}.weather-card>svg{color:#a77d39;flex:0 0 40px;width:40px;height:40px}.weather-card strong{font-size:.91rem}.weather-card__content{flex:1;min-width:0}.weather-card p{color:#6f6b58;margin:4px 0 2px;font-size:.8rem}.weather-card small{color:#89846f;font-size:.65rem}.weather-loading{align-items:center;gap:10px;margin:0;display:flex}.inline-error p{margin-bottom:7px;font-size:.8rem}.inline-error button{min-height:40px;color:var(--green);background:#fff;border:0;border-radius:12px;font-weight:800}.inline-actions{flex-wrap:wrap;gap:7px;display:flex}.inline-actions button{min-height:44px}.weather-manual-button{color:#766d50;cursor:pointer;background:0 0;border:0;min-height:44px;margin:4px 0 -10px -10px;padding:0 10px;font-size:.7rem;font-weight:800}.saved-outfit-button{width:100%;min-height:48px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #dfe6da;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin:-8px 0 18px;font-weight:800;display:flex}.saved-outfit-button span{background:var(--sage);border-radius:999px;place-items:center;min-width:23px;height:23px;font-size:.7rem;display:grid}.outfit-board{background:#f0f2e9;border-radius:28px;min-height:420px;margin-bottom:26px;position:relative;overflow:hidden}.outfit-board__meta{z-index:2;color:#7d837c;justify-content:space-between;align-items:center;font-size:.71rem;display:flex;position:absolute;top:16px;left:16px;right:16px}.outfit-board__meta span:last-child{color:var(--green);background:#fff;border-radius:999px;padding:6px 12px;font-weight:800}.outfit-stack{grid-template-rows:1.05fr 9px 1.35fr 9px .65fr;place-items:center;width:60%;display:grid;position:absolute;top:57px;bottom:28px;left:15px}.outfit-stack button,.outfit-outer button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;min-height:44px;padding:0}.outfit-stack .garment-image{width:100%;height:100%}.outfit-connector{background:#416a572e;width:2px;height:12px}.outfit-outer{text-align:center;width:42%;position:absolute;top:94px;right:10px}.outfit-outer button{height:180px}.outfit-outer .garment-image{width:100%;height:100%}.outfit-outer p{color:#8a8e87;margin:8px 0 2px;font-size:.69rem}.outfit-outer strong{color:var(--green);font-size:.85rem}.garment-image{object-fit:contain;object-position:center;display:block}.garment-image--empty{border:2px dashed #d7ddd2;border-radius:18px}.garment-image--sample{background-image:url(/sample-clothes.png);background-position:var(--sample-x) var(--sample-y);background-color:#f0f2e9;background-repeat:no-repeat;background-size:300% 200%}.outfit-copy{margin-bottom:22px}.source-label{background:#f1f3ed;border-radius:8px;padding:5px 9px;font-weight:800;display:inline-block;color:var(--green)!important;margin-bottom:7px!important;font-size:.68rem!important}.outfit-copy h2{margin:0 0 7px;font-size:1.55rem}.outfit-copy>p{color:#737b74;margin:0;font-size:.85rem}.outfit-colors{color:#737b74;align-items:center;gap:6px;margin-top:12px;font-size:.72rem;display:flex}.ai-reason-button{background:var(--yellow);color:#765d2e;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:7px;min-height:44px;margin-top:12px;padding:0 13px;font-size:.75rem;font-weight:800;display:inline-flex}.ai-reason-button svg{width:17px}.ai-reason-button:disabled{opacity:.58;cursor:wait}.swatch{border-radius:50%;width:14px;height:14px}.outfit-screen>.button-pair{margin-top:10px}.outfit-items{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.outfit-items span{color:#72776f;background:#f4f3ec;border-radius:999px;padding:6px 10px;font-size:.68rem}.success-toast{background:var(--sage);color:var(--green);border-radius:15px;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:.78rem;font-weight:800;display:flex}.action-message{margin-top:14px}.success-toast button{min-height:40px;color:var(--green);background:0 0;border:0;align-items:center;gap:5px;font-weight:800;display:inline-flex}.success-toast svg{width:16px}.empty-card{text-align:center;background:#f2f3ed;border-radius:22px;padding:25px 20px}.empty-card h2{margin-bottom:7px;font-size:1.05rem}.empty-card p{color:var(--muted);margin-bottom:16px;font-size:.8rem}.empty-card .secondary-button{background:#fff}.wardrobe-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.wardrobe-toolbar p{color:#7d827d;margin:0;font-size:.81rem}.wardrobe-toolbar>div{gap:7px;display:flex}.search-field{background:#f2f3ee;border-radius:15px;align-items:center;gap:8px;margin-bottom:12px;padding-left:14px;display:flex}.search-field svg{color:#7b827c;flex:0 0 18px}.search-field input{background:0 0;padding-left:0}.filter-chips{scrollbar-width:none;gap:7px;padding-bottom:5px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{flex:none;min-height:42px;padding:0 15px;font-size:.78rem}.garment-grid{grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:16px;display:grid}.garment-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0 0 6px}.garment-card__photo{border-radius:20px;height:174px;margin-bottom:9px;display:block;overflow:hidden}.garment-card__photo .garment-image{width:100%;height:100%}.garment-card__photo--top,.garment-card__photo--outer{background:var(--peach)}.garment-card__photo--bottom{background:var(--sage)}.garment-card__photo--shoes{background:var(--yellow)}.garment-card strong,.garment-card>span:last-child{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.garment-card strong{margin-bottom:4px;font-size:.86rem}.garment-card>span:last-child{color:#818680;font-size:.69rem}.wardrobe-tip{color:#8a8e88;margin:16px 0 6px;font-size:.7rem}.developer-credit{color:#a2a69e;text-align:center;padding:18px 0;font-size:.67rem}.detail-photo{background:var(--peach);border-radius:22px;height:230px;padding:12px}.detail-photo .garment-image{width:100%;height:100%}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.detail-seasons{border:0;min-width:0;margin:0 0 18px;padding:0}.detail-seasons legend{color:#677069;margin-bottom:8px;font-size:.76rem;font-weight:800}.garment-detail .button-pair .primary-button{width:100%}.history-list{gap:8px;display:grid}.history-list article{background:#f2f3ed;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.history-list strong{font-size:.82rem}.history-list p{color:#7d817c;margin:4px 0 0;font-size:.72rem}.register-screen{background:var(--cream);min-height:100dvh;padding:28px 24px 48px;overflow-y:auto}.register-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.register-header h1{font-size:2.25rem}.photo-picker{gap:18px;display:grid}.photo-guide,.draft-ready,.processing-card{background:var(--peach);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:34px 22px;display:flex}.photo-guide>svg,.draft-ready>svg,.processing-card>svg{color:#a66f52;width:56px;height:56px;margin-bottom:18px}.photo-guide h2,.draft-ready h2,.processing-card h2{margin-bottom:8px}.photo-guide p,.draft-ready p,.processing-card p{color:#806c60;font-size:.85rem}.draft-ready .primary-button{margin-top:12px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.processing-card{background:var(--sage);min-height:500px}.processing-card>svg{color:var(--green)}.processing-card progress{width:80%;height:8px;accent-color:var(--green);margin:8px 0 18px}.processing-card small{color:#7a817b;margin-bottom:22px}.register-preview{background:var(--peach);border-radius:26px;place-items:center;height:310px;padding:18px;display:grid;position:relative}.register-preview img{object-fit:contain;width:100%;height:100%}.register-preview span{color:var(--green);background:#ffffffeb;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.7rem;font-weight:800;display:flex;position:absolute;bottom:14px;right:14px}.register-preview svg{width:15px}.review-copy{margin:22px 0 16px}.review-copy h2{margin-bottom:6px;font-size:1.25rem}.review-copy p{color:var(--muted);font-size:.8rem}.register-form{gap:13px;display:grid}.register-form fieldset{border:0;min-width:0;margin:0;padding:0}.register-form legend{color:#677069;margin-bottom:8px;font-size:.76rem;font-weight:800}.segmented-control{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented-control button{border-radius:13px}.privacy-note{margin:-4px 0 0}.season-chips{margin-bottom:24px}.shopping-heading{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.shopping-heading h2{margin-bottom:5px;font-size:1.25rem}.shopping-heading p{color:var(--muted);margin:0;font-size:.77rem}.suggestion-list{gap:18px;display:grid}.suggestion-card{background:#f2f0e7;border-radius:26px;padding:18px}.suggestion-card header{color:var(--green);justify-content:space-between;font-size:.73rem;font-weight:800;display:flex}.suggestion-card header svg{width:21px}.suggestion-illustration{color:#675e52;text-align:center;border-radius:22px;align-content:center;place-items:center;gap:8px;min-height:210px;margin:18px 0;display:grid}.suggestion-illustration svg{opacity:.55;width:40px;height:40px}.suggestion-illustration span{letter-spacing:-.04em;max-width:170px;font-size:1.3rem;font-weight:900}.suggestion-illustration--beige,.suggestion-illustration--brown{background:#eadbc1}.suggestion-illustration--navy,.suggestion-illustration--blue{background:#d7e1e8}.suggestion-illustration--ivory,.suggestion-illustration--white{background:#fff9e8}.suggestion-illustration--black,.suggestion-illustration--gray{background:#dfe1df}.suggestion-illustration--green{background:#dfe9da}.suggestion-illustration--pink{background:#f3dfe0}.suggestion-card h3{margin-bottom:7px;font-size:1.35rem}.suggestion-card>p{color:#6f766f;font-size:.82rem}.suggestion-card h4{margin:20px 0 10px;font-size:.84rem}.matching-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.matching-row>div{text-align:center;min-width:0}.matching-row .garment-image{background-color:#e9eee5;border-radius:14px;width:100%;height:92px}.matching-row span{color:#6f766f;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.65rem;display:block;overflow:hidden}.no-buy-card{background:var(--sage);text-align:center;border-radius:26px;place-items:center;min-height:330px;padding:28px;display:grid}.no-buy-card svg{width:48px;height:48px;color:var(--green);margin-bottom:12px}.no-buy-card h2{margin-bottom:8px}.no-buy-card p{color:#6f776f;font-size:.84rem}.modal{background:var(--cream);width:min(100% - 28px,400px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:28px;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26372f61}.modal__panel{max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal__header h2{margin:0;font-size:1.35rem}.settings-form{gap:16px;display:grid}.settings-intro{background:var(--yellow);border-radius:17px;align-items:center;gap:12px;padding:15px;display:flex}.settings-intro svg{color:#9b7439;flex:0 0 28px}.settings-intro p{margin:0;font-size:.78rem}.check-row{background:#f2f3ed;border-radius:17px;align-items:start;padding:15px;grid-template-columns:22px 1fr!important;gap:10px!important}.check-row input{width:20px;min-height:20px;accent-color:var(--green);margin:2px 0}.check-row strong,.check-row small{display:block}.check-row small{color:var(--muted);margin-top:3px;font-weight:500}.time-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.budget-detail dl{gap:5px;margin:0 0 16px;display:grid}.budget-detail dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 2px;display:flex}.budget-detail dt{color:var(--muted);font-size:.77rem}.budget-detail dd{text-align:right;margin:0;font-size:.8rem;font-weight:800}.budget-detail p{color:var(--muted);font-size:.76rem}.budget-detail .secondary-button{width:100%}.manual-weather-form{gap:16px;display:grid}.manual-weather-form>p{color:var(--muted);margin:0;font-size:.8rem}.manual-weather-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.manual-weather-grid label{color:#677069;gap:7px;font-size:.74rem;font-weight:800;display:grid}.manual-weather-grid label:last-child{grid-column:1/-1}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=600px){body{padding:22px}.app-frame{min-height:calc(100dvh - 44px);box-shadow:var(--shadow);border:1px solid #416a5714;border-radius:34px}.bottom-nav{bottom:22px}.welcome-screen{border-radius:34px;min-height:calc(100dvh - 44px)}}@media (width<=370px){.app-content,.topbar,.register-screen{padding-left:18px;padding-right:18px}.bottom-nav{width:calc(100% - 36px)}.outfit-board{min-height:385px}.outfit-outer button,.garment-card__photo{height:150px}.button-pair{gap:7px}.button-pair .secondary-button{padding:0 9px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}