.of-root{--of-bg:#f5f2eb;--of-panel:#fcfaf5;--of-ink:#25332c;--of-muted:#63705f;--of-line:#d6d8cb;--of-gold:#80683e;background:var(--of-bg);color:var(--of-ink);overflow-wrap:anywhere;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100vh;padding:0 24px 50px;font-family:Arial,Noto Sans,sans-serif}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .of-root{--of-bg:#171e1a;--of-panel:#202923;--of-ink:#eeeee3;--of-muted:#b4bbaf;--of-line:#424b40;--of-gold:#d5bc8b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html[data-theme=dark] .of-root{--of-bg:#171e1a;--of-panel:#202923;--of-ink:#eeeee3;--of-muted:#b4bbaf;--of-line:#424b40;--of-gold:#d5bc8b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.of-root *{box-sizing:border-box}.of-root a{color:inherit;text-decoration:none}.of-root button,.of-root input{font:inherit}.of-root button,.of-root summary,.of-root a{touch-action:manipulation}.of-root button{cursor:pointer;color:inherit}.of-root button:disabled{opacity:.5;cursor:default}.of-root :is(a,button,summary):focus-visible{outline:3px solid var(--of-gold);outline-offset:4px}.of-shell{max-width:880px;margin:auto}.of-topbar{border-bottom:1px solid var(--of-line);align-items:center;gap:13px;min-height:68px;font-size:12px;display:flex}.of-topbar>a:first-child{align-items:center;min-height:44px;font:19px Georgia,Songti SC,serif;display:inline-flex}.of-topbar>span{color:var(--of-muted)}.of-library-link{align-items:center;min-height:44px;margin-left:auto;font-size:11px;display:inline-flex;color:var(--of-gold)!important}.of-answer-header{justify-content:space-between;align-items:center;gap:18px;padding:30px 0 18px;display:flex}.of-root h1{letter-spacing:-.02em;margin:0;font:24px/1.4 Georgia,Songti SC,serif}.of-date{color:var(--of-muted);margin:0;font-size:12px;line-height:1.7}.of-answer{border:1px solid #80808055;border-radius:4px;flex-direction:column;justify-content:space-between;gap:22px;min-height:270px;padding:24px 32px;display:flex}.of-answer-role{letter-spacing:.08em;font-size:11px}.of-answer>p{text-wrap:balance;max-width:760px;margin:0;font:clamp(30px,4vw,48px)/1.3 Georgia,Songti SC,serif}.of-answer-hex{letter-spacing:.08em;font:10px Arial,sans-serif}.of-five-colors{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 22px;padding:0;list-style:none;display:grid}.of-five-colors li{min-width:0}.of-five-colors i{border:1px solid #80808066;border-radius:2px;height:48px;display:block}.of-five-colors strong,.of-five-colors small{margin-top:9px;font-size:12px;font-weight:400;line-height:1.5;display:block}.of-five-colors small{color:var(--of-muted);margin-top:3px;font-size:10px}.of-share-controls{text-align:center}.of-primary{border:1px solid var(--of-ink);background:var(--of-ink);border-radius:3px;justify-content:center;align-items:center;gap:10px;min-width:240px;min-height:48px;padding:13px 24px;display:inline-flex;color:var(--of-bg)!important;font-size:14px!important}.of-timezone{text-align:center;color:var(--of-muted);margin:12px 0 24px;font-size:10px}.of-status{color:var(--of-gold);max-width:600px;margin:10px auto;font-size:12px;line-height:1.7}.of-status:empty{display:none}.of-card-preview{margin:10px 0 0}.of-card-preview summary{min-height:44px;color:var(--of-muted);cursor:pointer;align-items:center;font-size:11px;display:inline-flex}.of-share-preview{border:1px solid var(--of-line);width:min(100%,300px);height:auto;margin:12px auto;display:block;box-shadow:0 8px 30px #00000010}.of-text-button{border:0;border-bottom:1px solid var(--of-line);background:0 0;align-items:center;min-height:44px;margin:8px auto 14px;padding:10px 0;display:inline-flex;font-size:12px!important}.of-date-nav{border-block:1px solid var(--of-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.of-date-nav a{align-items:center;min-height:50px;font-size:12px;display:flex}.of-date-nav a:nth-child(2){border-inline:1px solid var(--of-line);padding:0 24px}.of-date-nav a:last-child{justify-content:flex-end}.of-why{border-bottom:1px solid var(--of-line);margin-top:12px;padding-bottom:10px}.of-why summary{cursor:pointer;align-content:center;min-height:56px;font-size:14px}.of-why p,.of-why li{font-size:13px;line-height:1.9}.of-why p{color:var(--of-muted)}.of-why ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px;margin:28px 0;padding:0;list-style:none;display:grid}.of-why ul strong{font-size:13px;font-weight:500}.of-why ul p{margin:6px 0}.of-why h2{font:20px Georgia,serif}.of-why ol{padding-left:20px}.of-explore-links{flex-wrap:wrap;gap:12px 28px;display:flex}.of-explore-links a{color:var(--of-gold);align-items:center;min-height:44px;font-size:12px;display:inline-flex}.of-footer{text-align:center;color:var(--of-muted);padding:26px 0 6px;font-size:11px;line-height:1.9}.of-footer span{letter-spacing:.17em;font-size:9px}.of-footer a{min-height:44px;color:var(--of-gold);align-items:center;display:inline-flex}.of-library-head{border-bottom:1px solid var(--of-line);padding:36px 0 24px}.of-library-head h1{font-size:36px}.of-muted{color:var(--of-muted);font-size:13px;line-height:1.9}.of-eyebrow{letter-spacing:.16em;color:var(--of-gold);font-size:10px}.of-link{align-items:center;min-height:44px;font-size:12px;display:inline-flex;color:var(--of-gold)!important}.of-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}.of-library-card{border:1px solid var(--of-line);background:var(--of-panel);border-radius:3px;padding:18px}.of-root h2{font:24px/1.4 Georgia,Songti SC,serif}.of-library-card h2{margin:18px 0 12px}.of-library-card p{color:var(--of-muted);font-size:12px;line-height:1.9}.of-palette-colors{border:1px solid #80808055;border-radius:2px;height:116px;display:flex;overflow:hidden}.of-palette-colors span{flex:1}.of-palette-colors span:first-child{flex:1.5}.of-element-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}.of-element-swatches i{border:1px solid #80808055;border-radius:2px;height:180px;display:block}.of-element-swatches h2{font-size:21px}.of-element-swatches p{color:var(--of-muted);font-size:12px}.of-faq{margin:32px 0;padding-top:12px}.of-faq details{border-top:1px solid var(--of-line);padding:8px 0}.of-faq summary{cursor:pointer;align-content:center;min-height:44px;font-size:14px}.of-faq p{color:var(--of-muted);font-size:13px;line-height:1.9}@media (max-width:600px){.of-root{padding:0 20px 35px}.of-topbar{gap:9px;min-height:60px;font-size:10px}.of-topbar>a:first-child{font-size:17px}.of-library-link{text-align:right;max-width:120px;font-size:10px}.of-answer-header{padding:23px 0 15px;display:block}.of-root h1{font-size:20px}.of-date{margin-top:7px;font-size:11px}.of-answer{gap:15px;min-height:205px;padding:19px 22px}.of-answer>p{font-size:33px;line-height:1.3}.of-answer-role{font-size:10px}.of-five-colors{gap:7px;margin:16px 0 22px}.of-five-colors i{height:42px}.of-five-colors strong{margin-top:7px;font-size:10px}.of-five-colors small{font-size:9px}.of-primary{width:100%;min-height:48px}.of-timezone{margin-bottom:20px}.of-card-preview{margin-top:3px}.of-card-preview summary{min-height:38px;font-size:10px}.of-date-nav a{font-size:11px}.of-date-nav a:nth-child(2){padding-inline:18px}.of-why ul{grid-template-columns:1fr;gap:10px;margin-top:20px}.of-footer{padding-top:22px;font-size:10px}.of-library-head{padding:30px 0 20px}.of-library-head h1{font-size:30px}.of-library-grid{grid-template-columns:1fr;gap:16px}.of-library-card .of-palette-colors{height:125px}.of-element-swatches{gap:10px}.of-element-swatches i{height:120px}.of-element-swatches h2{font-size:17px}}@media (prefers-reduced-motion:reduce){.of-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.of-r3 .of-hero{border-radius:18px;grid-template-columns:1.15fr 1fr;grid-template-areas:"text look""ribbon ribbon";gap:20px 28px;margin:26px 0 18px;padding:34px 34px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #00000014,0 18px 40px -24px #0000006b}.of-r3 .of-hero:before{content:"";pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(120% 80% at 10% 0,#ffffff2e,#0000 60%),repeating-linear-gradient(90deg,#ffffff07 0 2px,#0000 2px 5px);position:absolute;inset:0}.of-r3 .of-hero-text{flex-direction:column;grid-area:text;justify-content:space-between;gap:28px;min-height:250px;display:flex;position:relative}.of-r3 .of-hero h1{letter-spacing:.12em;opacity:.85;font:15px/1.5 Georgia,Songti SC,serif}.of-r3 .of-hero .of-date{color:inherit;opacity:.7;margin-top:4px}.of-r3 .of-hero-answer{text-wrap:balance;letter-spacing:.02em;margin:0;font:clamp(34px,5vw,58px)/1.22 Georgia,Songti SC,serif}.of-r3 .of-hero-look{background:#f7f3ea;border-radius:14px;grid-area:look;align-self:center;padding:10px;position:relative;box-shadow:0 10px 26px -14px #0000007a}.of-r3 .of-hero-look svg,.of-r3 .of-looks svg{width:100%;height:auto;display:block}.of-r3 .of-ribbon{grid-area:ribbon;grid-template-columns:repeat(5,1fr);margin:6px -34px 0;padding:0;list-style:none;display:grid;position:relative}.of-r3 .of-ribbon li{background:#00000014;border-top:1px solid #fff2;padding:12px 14px 14px}.of-r3 .of-ribbon i{border-radius:6px;height:34px;margin-bottom:8px;display:block;box-shadow:inset 0 0 0 1px #00000026}.of-r3 .of-ribbon strong{font-size:13px;display:block}.of-r3 .of-ribbon small{opacity:.75;font-size:11px}.of-r3 .of-looks,.of-r3 .of-week{margin:34px 0 8px}.of-r3 .of-looks h2,.of-r3 .of-week h2{margin:0 0 14px;font:20px/1.4 Georgia,Songti SC,serif}.of-r3 .of-looks ol{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.of-r3 .of-looks li{background:var(--of-panel);border:1px solid var(--of-line);border-radius:14px;gap:6px;padding:12px 12px 14px;display:grid}.of-r3 .of-looks li svg{background:#f7f3ea;border-radius:10px}.of-r3 .of-looks li span{letter-spacing:.14em;color:var(--of-gold);font-size:11px}.of-r3 .of-looks li p{margin:0;font-size:13.5px;line-height:1.7}.of-r3 .of-week ul{grid-template-columns:repeat(7,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.of-r3 .of-week li>*{border:1px solid var(--of-line);background:var(--of-panel);text-align:center;border-radius:12px;gap:4px;min-height:44px;padding:10px 8px;transition:transform .15s,border-color .15s;display:grid}.of-r3 .of-week a:hover{border-color:var(--of-gold);transform:translateY(-2px)}.of-r3 .of-week small{color:var(--of-muted);font-size:11px}.of-r3 .of-week i{border-radius:7px;height:30px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.of-r3 .of-week b{font-size:12.5px;font-weight:600}.of-r3 .of-week em{color:var(--of-muted);font-size:10.5px;font-style:normal}@media (max-width:760px){.of-r3 .of-hero{grid-template-columns:1fr;grid-template-areas:"text""look""ribbon";gap:18px;margin-top:18px;padding:24px 20px 0}.of-r3 .of-hero-text{gap:18px;min-height:0}.of-r3 .of-hero-answer{font-size:36px}.of-r3 .of-ribbon{margin:0 -20px}.of-r3 .of-ribbon li{padding:10px 6px 12px}.of-r3 .of-ribbon i{height:28px}.of-r3 .of-ribbon strong{font-size:11.5px}.of-r3 .of-ribbon small{font-size:10px}.of-r3 .of-looks ol{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;margin:0 -20px;padding:0 20px 6px;overflow-x:auto}.of-r3 .of-looks li{scroll-snap-align:start}.of-r3 .of-week ul{grid-template-columns:repeat(7,minmax(64px,1fr));margin:0 -20px;padding:0 20px 4px;overflow-x:auto}}