:root{--paper:#f6f3ec;--ink:#28302d;--quiet:#7a7f78;--accent:#3e594e;--line:#deddd5;--white:#fff;--mint:#e2eae1;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible,.look-card:focus-visible{outline:3px solid #648a72;outline-offset:3px}.app-shell{max-width:580px;min-height:100vh;margin:auto;padding:0 22px;background:var(--paper)}.masthead{display:flex;justify-content:space-between;align-items:center;padding:31px 0 21px;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:760;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand-dot{color:#6a8b71}.brand-symbol{color:var(--accent);font-size:29px;font-weight:400;line-height:1}.date-label{font-size:10px;letter-spacing:1.2px;color:var(--quiet);text-transform:uppercase}.intro{padding-top:37px}.eyebrow{font-size:10px;letter-spacing:1.85px;font-weight:750;color:#718677}.sparkle{font-size:16px;vertical-align:middle;margin-right:4px}.intro h1{font-size:clamp(29px,8vw,43px);line-height:1.3;letter-spacing:-2px;margin:13px 0 10px;font-weight:700}.intro h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#648373;letter-spacing:-1.8px}.intro-sub{font-size:13px;color:var(--quiet);margin:0 0 25px}.weather-card{background:#dbe6df;border:1px solid #d0ded5;border-radius:18px;padding:22px;overflow:hidden;position:relative}.weather-top,.weather-main,.section-heading,.weather-grid{display:flex;align-items:center;justify-content:space-between}.weather-top{gap:10px}.weather-location{font-size:13px;font-weight:750}.location-dot{color:#60826c;margin-right:4px;font-size:9px}.weather-tag{color:#628172;font-size:9px;font-weight:700;letter-spacing:1px}.weather-main{align-items:center;margin:8px 0 17px}.big-temp{font-size:76px;line-height:1.12;letter-spacing:-6px;font-weight:630;font-variant-numeric:tabular-nums}.big-temp span{font-size:44px;vertical-align:top;line-height:1.45;letter-spacing:-4px}.weather-description{margin:0;font-size:13px;color:#576b5f;font-weight:600}.weather-illustration{font-size:70px;text-align:center;filter:drop-shadow(0px 12px 9px rgba(54,90,75,.1));padding:0 10px}.weather-grid{gap:12px;padding-top:19px;border-top:1px solid #c0d0c6}.weather-item{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.weather-item:not(:last-child){border-right:1px solid #c0d0c6}.weather-item>span{font-size:10px;color:#5c7566;white-space:nowrap}.weather-item>span small{font-size:9px}.weather-item strong{font-size:16px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.weather-note{font-size:11px;color:#648272;margin:17px 0 0}.featured-section{margin-top:45px}.section-heading{gap:10px;margin-bottom:18px;align-items:end}.section-heading h2{font-size:23px;margin:6px 0 0;letter-spacing:-.8px}.section-badge{border:1px solid #d4dcd4;border-radius:30px;padding:6px 11px;color:#718677;font-weight:650;font-size:11px;white-space:nowrap}.featured-look{display:grid;grid-template-columns:43% 1fr;background:#ebe8e1;border-radius:17px;overflow:hidden;min-height:247px}.featured-photo{display:block;width:100%;height:290px;object-fit:cover;object-position:center 40%;background:#ddd9cf}.featured-copy{align-self:center;padding:18px 17px}.featured-tag{display:block;font-size:10px;letter-spacing:1.3px;font-weight:750;color:#7c8b79;margin-bottom:12px}.featured-title{font-size:20px;font-weight:700;letter-spacing:-.8px;line-height:1.4;margin:0 0 9px}.featured-desc{color:#686e69;font-size:12px;line-height:1.7;margin:0 0 13px}.featured-tip{font-size:11px;line-height:1.7;border-top:1px solid #d6d6ce;padding-top:12px;color:#536458}.featured-tip strong{display:block;margin-bottom:2px;color:#405749}.lookbook-section{margin-top:52px}.title-italic{font:italic 16px var(--serif);color:#7f9686;letter-spacing:0;margin-left:5px}.count{font-size:10px;letter-spacing:1px;color:var(--quiet)}.filter-bar{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin-bottom:20px}.filter-bar::-webkit-scrollbar{display:none}.filter{border-radius:100px;border:1px solid #d7d9d1;background:transparent;color:#71766f;padding:9px 12px;white-space:nowrap;font-weight:650;font-size:12px}.filter.active{background:#3e594e;border-color:#3e594e;color:#fff}.masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.look-card{display:block;border:0;padding:0;background:transparent;text-align:left;color:inherit;width:100%;border-radius:9px}.look-card:nth-child(2n){padding-top:23px}.look-photo-box{position:relative;overflow:hidden;border-radius:10px;background:#e5dfd5}.look-photo{width:100%;height:auto;aspect-ratio:3/4.1;object-fit:cover;display:block;transition:transform .3s}.look-card:hover .look-photo{transform:scale(1.035)}.look-card:nth-child(3n+2) .look-photo{aspect-ratio:3/4.6}.look-image-badge{position:absolute;top:10px;left:10px;border-radius:12px;padding:5px 8px;background:rgba(255,255,255,.93);color:#4d6254;font-size:10px;font-weight:750}.look-title{display:block;font-size:14px;font-weight:750;letter-spacing:-.5px;margin:10px 2px 4px}.look-desc{display:block;font-size:11px;line-height:1.55;color:var(--quiet);margin:0 2px}.gallery-footnote{color:#92948d;font-size:10px;line-height:1.7;margin:24px 0 0}.settings-section{margin-top:57px;padding:24px 18px 21px;border:1px solid #dddcd3;border-radius:17px;background:#fffcf5}.settings-section .section-heading{margin-bottom:15px}.settings-section .section-heading h2{font-size:21px}.schedule{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.schedule>div{display:flex;align-items:center;gap:12px;padding:15px 2px;flex-wrap:wrap}.schedule>div+div{border-top:1px solid var(--line)}.schedule-time{font-family:var(--serif);font-size:21px;color:#5b7866}.schedule strong{font-size:12px;white-space:nowrap}.schedule small{font-size:10px;color:var(--quiet);flex-basis:100%;padding-left:66px;margin-top:-8px}.alert-note{font-size:11px;color:#6a766a;line-height:1.7;margin:14px 0}#status{font-size:12px;color:#526655;line-height:1.7;margin:16px 0}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:9px;background:#3e594e;color:white;padding:15px 17px;font-weight:750;font-size:13px}.primary-button>span{font-size:18px;font-weight:400}.settings-actions{display:flex;gap:8px;margin-top:9px}.ghost-button{flex:1;border:1px solid #dadcd4;background:transparent;border-radius:9px;padding:12px 7px;color:#536255;font-size:12px;font-weight:650}.helper{font-size:11px;color:#8a8e85;line-height:1.8;margin:15px 1px 0}.alerts-details{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:12px;color:#637063}.alerts-details summary{cursor:pointer;font-weight:700}.alerts-details p{font-size:11px;line-height:1.7}footer{text-align:center;padding:38px 0 49px;font-size:10px;color:#8c938c;letter-spacing:1.2px;line-height:2}footer span{color:#789380}footer small{letter-spacing:0;font-size:10px}.look-dialog{position:fixed;margin:auto;border:0;border-radius:16px;padding:0 0 25px;width:min(92vw,420px);max-height:85vh;overflow-y:auto;background:#f8f5ed;color:#28302d;box-shadow:0 20px 75px #0005}.look-dialog::backdrop{background:#111a13ac}.close-dialog{position:sticky;top:12px;float:right;margin:12px 12px -50px 0;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#fffdefe8;font-size:26px;line-height:1}.dialog-image{width:100%;max-height:440px;object-fit:cover;display:block}.dialog-body{padding:22px 24px 0}.dialog-overline{color:#7a907e;font-size:11px;letter-spacing:1.4px;font-weight:750}.dialog-title{font-size:24px;line-height:1.4;margin:7px 0 13px}.dialog-desc,.dialog-tips{font-size:13px;line-height:1.9;color:#657167}.dialog-tips{border-top:1px solid #dcddd5;margin-top:20px;padding-top:15px}.skeleton{background:linear-gradient(110deg,#e0ded6 20%,#eeece4 40%,#e0ded6 60%);background-size:250% 100%;animation:shimmer 2s infinite}@keyframes shimmer{to{background-position-x:-250%}}@media(max-width:375px){.app-shell{padding:0 16px}.weather-card{padding:18px}.weather-illustration{font-size:60px}.featured-copy{padding:16px 12px}.featured-title{font-size:18px}.weather-item strong{font-size:14px}.weather-item>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important}}

/* Pinterest 공식 핀을 이용한 브랜드 룩북: 핀 이미지는 저장/스크래핑하지 않음 */
.pinterest-section{margin-top:53px}.pinterest-intro{font-size:12px;color:#6d776f;line-height:1.9;margin:0 0 18px}.brand-filter{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px;padding-bottom:3px}.brand-filter::-webkit-scrollbar{display:none}.brand-tab{font-size:11px;font-weight:700;color:#647169;background:transparent;border:1px solid #d1d8d0;border-radius:22px;padding:9px 11px;white-space:nowrap}.brand-tab.active{color:white;background:#40594b;border-color:#40594b}.pinterest-weather-hint{background:#e9eae2;border-radius:11px;padding:14px 15px;color:#58695c;font-size:12px;line-height:1.75;margin-bottom:18px}.pinterest-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}.pin-item{background:#fffdf8;border:1px solid #e0e1d9;border-radius:13px;padding:11px;min-width:0;overflow:hidden}.pin-item[hidden]{display:none!important}.pin-brand{font-size:9px;letter-spacing:1px;color:#7d8c7f;font-weight:800;display:block;min-height:23px}.pin-embed{min-height:70px;font-size:12px;line-height:1.6;overflow:hidden;max-width:100%;overflow-wrap:anywhere}.pin-embed iframe{max-width:100%!important}.pin-embed a{color:#455e50}.pin-original{display:block;letter-spacing:-.25px;margin-top:8px;padding-top:10px;border-top:1px solid #ecece5;font-size:11px;text-decoration:none;color:#425f50;font-weight:700}.pinterest-disclaimer{font-size:10px;color:#91958d;line-height:1.75;margin:18px 0 0}@media(max-width:380px){.pinterest-gallery{grid-template-columns:1fr}.pin-item{max-width:360px}} 

/* Private device pairing: the code is not stored in localStorage. */
.pairing-label{display:block;color:#516b58;font-size:12px;font-weight:700;margin:12px 1px 6px}
.pairing-label span{font-size:10px;font-weight:500;color:#879488}
.pairing-input{width:100%;background:#fff;border:1px solid #ced8ca;border-radius:10px;padding:13px 14px;font-size:14px;color:#293e32;margin-bottom:11px;outline-offset:3px}