/* FFFF — a small handwritten universe. Brand ink/pink + coral/cream/harbor. */
:root{--raspberry:#EE005A;--space:#012641;--coral:#C96868;--honey:#FADFA1;--harbor:#7EACB5;--paper:#fffdf8;--bg:var(--paper);--bg2:#f0f4f3;--card:#fff;--text:var(--space);--ink:var(--space);--muted:#536776;--line:#e1e7e7;--cobalt:var(--space);--cobalt-s:#e6f0f1;--blue:var(--space);--blue-h:#123b54;--blue-s:#e6f0f1;--link:#a50040;--tangerine:var(--raspberry);--tangerine-s:#fff0f4;--mint-s:#edf4ef;--lav-s:#fff8e9;--butter-s:#fff8e9;--sky-s:#edf5f5;--peach-s:#fff2ed;--pink-s:#fff0f4;--ref-jade:var(--space);--ref-jade-soft:#e6f0f1;--ref-porcelain:var(--paper);--ref-ink:var(--space);--ref-muted:var(--muted);--shadow:0 12px 45px #01264104;--shadow-s:0 4px 12px #01264104;--el0:#487367;--el1:#a54851;--el2:#80621f;--el3:#586270;--el4:#356778}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:90px}body{background:var(--paper);color:var(--space)}main{max-width:1200px}.view{min-width:0}.view :is(h1,h2,h3,p,span,strong,b,div){min-width:0}.view p{overflow-wrap:anywhere;word-break:keep-all}.view img{max-width:100%}.view button{max-width:100%}.panel{background:#fff;border:1px solid var(--line);box-shadow:none;border-radius:28px}.panel.lav,.panel.sky,.panel.butter,.panel.peach{background:#fff}.top{background:#fffdf8eb;border-color:var(--line)}.logo .wm{color:var(--raspberry);letter-spacing:-.075em}.logo .wm span{color:var(--raspberry)}nav{background:#eef3f3}nav a.on{color:#fff}.btn,.ob-next{border-radius:999px;background:var(--space);color:#fff;font-weight:650}.btn.ghost{background:#edf3f3;color:var(--space)}.btn:hover,.ob-next:hover{box-shadow:0 5px 15px #01264116}.btn:disabled,.ob-next:disabled{opacity:.55}.hand-note{font:700 clamp(19px,2.3vw,27px)/1.35 Gaegu,cursive;color:#426f79;letter-spacing:.015em;margin:0 0 12px}.h1,.h2,.pk-q,.ob-q,.td-title,.rec-tag{font-family:var(--font);letter-spacing:-.045em}.h2{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin:40px 0 18px}.h2>.muted{font-size:13px;line-height:1.6}.ritual-guide{border:0;padding:0;margin:0 0 24px;gap:12px}.ritual-guide-label{font-size:11px;letter-spacing:.09em}.ritual-guide-action{font-size:12px}.ritual-mark i{height:28px;width:16px;background:#fff4d7;border:0;color:var(--space)}.ritual-mark i:nth-child(2){background:#f5dedb}.ritual-mark i:nth-child(3){background:#dcecef}.ritual-mark i:nth-child(4){background:var(--raspberry);color:#fff}.motion-toggle{position:fixed;bottom:12px;right:16px;z-index:35;border:1px solid var(--line);border-radius:20px;background:#fffdf8e8;padding:7px 12px;color:var(--muted);font:500 11px var(--font);backdrop-filter:blur(10px)}
/* The generated illustrations sit in a code-driven orbit, never a video. */
.painted-art{display:block;object-fit:contain}.cosmic-orbit{position:relative;isolation:isolate;width:min(100%,340px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.orbit-center{position:relative;width:67%;aspect-ratio:1;display:grid;place-items:center;animation:cosmic-float 6s ease-in-out infinite}.orbit-center img{width:100%;height:100%;opacity:.9}.orbit-center b{position:absolute;top:24%;left:0;right:0;text-align:center;font:800 clamp(38px,6vw,74px)/1 var(--font);letter-spacing:-.065em;color:var(--space);text-shadow:0 2px 14px #fff4d9}.orbit-track{position:absolute;width:90%;height:64%;border:1px solid #7EACB570;border-radius:50%;transform:rotate(-25deg);animation:cosmic-orbit 22s linear infinite;z-index:-1}.orbit-track i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--raspberry);top:12%;left:12%}.orbit-track i:nth-child(2){top:auto;bottom:9%;left:auto;right:16%;background:var(--harbor);width:14px;height:14px}.orbit-track i:nth-child(3){top:75%;left:4%;background:var(--coral);width:7px;height:7px}.orbit-cross{width:77%;height:90%;animation-direction:reverse;border-color:#C9686845}.orbit-caption{position:absolute;bottom:4%;left:5%;width:90%;text-align:center;font-size:11px;color:var(--muted)}.orbit-star{position:absolute;font-size:30px;color:var(--raspberry);animation:cosmic-twinkle 3.8s ease-in-out infinite}.star-a{left:12%;top:16%}.star-b{right:6%;bottom:20%;color:var(--harbor);animation-delay:1.6s}
@keyframes cosmic-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes cosmic-orbit{to{transform:rotate(335deg)}}@keyframes cosmic-twinkle{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}}@keyframes cosmic-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes ink-breathe{0%,100%{transform:scale(.97)}50%{transform:scale(1.025)}}
/* Main dashboard: show the result before asking for another decision. */
#pk-chain{display:none}
/* Wardrobe invitation: one picture, three actions, one obvious upload. */
.closet-invite{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;padding:25px 36px;background:#fff8e9;border:1px solid #eee3c9;border-radius:28px;text-decoration:none;color:var(--space);margin:22px 0}.closet-invite>.painted-art{width:180px;height:180px;animation:cosmic-float 7s ease-in-out infinite}.closet-invite .hand-note{display:block;font-size:21px;margin-bottom:6px}.closet-invite strong{display:block;font-size:26px;letter-spacing:-.04em;line-height:1.3}.upload-steps{display:flex;gap:15px;flex-wrap:wrap;margin:14px 0;font-size:12px;color:var(--muted)}.upload-steps i{font-style:normal}.upload-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;border-bottom:1px solid #01264170;padding-bottom:3px}.closet-invite.compact{grid-template-columns:105px 1fr;padding:20px 26px;gap:24px}.closet-invite.compact>.painted-art{width:105px;height:125px}.closet-invite.compact strong{font-size:21px}.closet-invite.compact strong br{display:none}.closet-invite.compact .upload-steps{margin:8px 0}.closet-invite:hover .upload-link{color:#a50040}#closet-onboard{max-width:100%}#rec-closet-invite .closet-invite{margin:0 0 20px}.closet-grid{min-width:0}.closet-grid.rail:empty{display:none}
/* Photos / onboarding stay in normal flow on every screen size. */
#view-photos .ob{height:auto;min-height:0;max-width:680px;margin:auto;display:block;padding-bottom:25px}#view-photos .ob-steps{position:relative;height:auto;min-height:0;margin:18px 0 0}#view-photos .ob-step{position:static;inset:auto;display:none;width:100%;transform:none;margin:0;padding:16px 0;border:0}#view-photos .ob-step.on{display:block;animation:cosmic-rise .45s both;opacity:1;visibility:visible;pointer-events:auto}#view-photos .ob-step:not(.on){display:none!important}#view-photos .ob-foot{position:static;max-width:none;margin-top:12px;padding:12px 0;background:none}#view-photos .ob-q{font-size:clamp(31px,5vw,45px);line-height:1.2;margin:0 0 14px}#view-photos .ob-hint{font-size:14px}#view-photos .ob-frame{max-width:255px;aspect-ratio:1;margin:auto;background:#fff8e9;border-color:var(--harbor)}#view-photos .ph-note{background:#eaf2f3;border-radius:16px;padding:16px;text-align:left;font-size:12px;line-height:1.8}#view-photos .ph-head .f4{display:none}#view-photos .ob-photo-btns{justify-content:center;flex-wrap:wrap}#view-photos .ob-photo.has .ob-frame img{object-fit:cover}.ob-legal{line-height:1.65}.pc-pick,.cp-actions{flex-wrap:wrap}
/* Today: a visual reading from universe to five original talismans. */
#td-intro{padding:0;margin:0 0 24px;border:0;background:transparent;display:block}.today-universe{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;padding:22px 32px;background:#fff8e9;border-radius:32px;border:1px solid #f0e6cb}.today-universe h2{font-size:clamp(31px,4vw,49px);line-height:1.18;letter-spacing:-.05em;margin:0 0 16px}.today-universe h2 em{color:#a50040;font-style:normal}.today-universe p:not(.hand-note){font-size:14px;line-height:1.7;max-width:33em}.today-universe .small{display:block;margin-top:14px;font-size:11px}#hero-card{padding:25px 30px;gap:24px;align-items:center}#today-greet{font-size:clamp(22px,2.6vw,31px);line-height:1.35}#today-sub{font-size:13px}.hero-right .ring{width:90px;height:90px}.ring-num b{font-size:28px}.ring-num span{font-size:10px}.ring svg{width:100%;height:100%}.hero-right{gap:15px}.weather .temp{font-size:24px}.lucky{gap:7px;flex-wrap:wrap}.lk{font-size:12px;border-radius:999px}.tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.interest-card{min-width:0;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden}.interest-card .tag{height:100%;min-height:235px;border:0;border-radius:0;box-shadow:none;padding:24px 22px 50px;width:100%;background:#fff;text-align:left;display:block;position:relative}.interest-card:nth-child(3n+1) .tag{background:#fff6dc}.interest-card:nth-child(3n+2) .tag{background:#f7e9e5}.interest-card:nth-child(3n) .tag{background:#e7f0f1}.interest-card .tag.big{grid-column:auto}.interest-card .tag .lbl{padding:0;margin:0 0 12px;font-size:20px;max-width:calc(100% - 55px);line-height:1.25}.interest-card .tag .score{position:absolute;right:18px;top:22px;margin:0}.interest-card .tag .score .n{font-size:28px}.interest-card .tag .score span{font-size:10px}.interest-card .tag .desc{font-size:13px;line-height:1.65;padding:0;margin:12px 0 24px;max-width:none;min-height:50px}.interest-card .tag .ic{display:none}.interest-card .tag-go{position:absolute;left:22px;bottom:28px;font-size:12px}.interest-card .meter{position:absolute;left:22px;right:22px;bottom:17px;height:3px}.interest-card .tag-days{display:block;position:static;padding:11px 22px;background:#fff;color:var(--muted);font-size:11px;text-decoration:none;text-align:right;border-top:1px solid var(--line)}.interest-card{display:flex;flex-direction:column}.interest-card .tag{height:auto;flex:1}.tags-more{font-size:13px}.mg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mg-grid>div{min-width:0;padding:26px}.mg-grid #mgx-elements{grid-column:1/-1;grid-row:1}.mg-grid .panel-title{font-size:17px;display:flex;flex-wrap:wrap;gap:6px 12px}.mg-grid .panel-title>.muted{font-size:11px}.talisman-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0 8px}.talisman{position:relative;padding:25px 12px 16px;text-align:center;background:#f0f4f2;color:var(--space);border-radius:70px 70px 14px 14px;overflow:hidden;animation:cosmic-rise .7s both;animation-delay:calc(var(--i)*.1s)}.talisman.el-0{background:#dce9dc}.talisman.el-1{background:#f4d8d4}.talisman.el-2{background:var(--honey)}.talisman.el-3{background:#e7e9ed}.talisman.el-4{background:#d9e9ed}.talisman.chosen{outline:2px solid var(--raspberry);outline-offset:4px}.talisman-glyph{display:block;font:900 clamp(38px,6vw,80px)/1.1 var(--hanja);color:var(--element);margin:18px 0;animation:ink-breathe 5s ease-in-out infinite;animation-delay:calc(var(--i)*.5s)}.talisman>span{font-size:12px;font-weight:600}.talisman>strong{display:block;font:800 30px/1.2 var(--font);letter-spacing:-.05em;margin:8px 0}.talisman small{font-size:12px;margin-left:2px}.talisman>em{display:block;font:500 11px/1.4 var(--font);margin-top:10px}.talisman-lines{display:flex;gap:4px;justify-content:center}.talisman-lines i{width:11px;height:11px;border:2px solid var(--element);border-radius:50%;opacity:.55}.talisman-lines i:nth-child(2){background:var(--element)}.talisman-meter{height:4px;background:#01264112;border-radius:5px}.talisman-meter i{display:block;width:var(--amount);height:100%;background:var(--element);border-radius:5px;transform-origin:left;animation:meter-fill 1.2s both}@keyframes meter-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.px-stage{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0}.px{min-width:0}.px-col{height:auto;min-height:140px;padding:12px 0;background:#fff5d9;border-radius:45px 45px 10px 10px}.px.me .px-col{background:var(--space)}.px.me .px-ch{color:var(--honey)}.px-ch{font-size:42px;line-height:1.3}.px-pos{font-size:11px;white-space:normal}.px-ss{font-size:10px;white-space:normal}.px-ko{font-size:12px}.ilgan{font-size:12px;line-height:1.7}.ij-stage .ij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;gap:14px;align-items:stretch}.ij-stage .ij-side{background:#f0f5f5;padding:20px 10px;border-radius:20px;min-width:0}.ij-stage .ij-pair{display:flex;justify-content:center;gap:3px;font-size:43px}.ij-stage .ij-link{grid-row:2;grid-column:1/-1;width:auto;min-width:0;height:auto;position:static;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}.ij-stage .ij-link em{position:static;transform:none;white-space:normal;font-size:12px;line-height:1.5}.ij-stage .ij-link i{width:5px;height:5px;border-radius:50%;background:var(--coral);animation:cosmic-twinkle 2s infinite}.ij-ko,.ij-cap{font-size:11px;white-space:normal}.ij-ss{display:grid;grid-template-columns:1fr;gap:6px;font-size:12px}.ij-ss>span{white-space:normal}#iljin .tagline{font-size:12px;line-height:1.7}.mg-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.mg-headline{font-size:20px;line-height:1.4}#why-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:20px 0 0;list-style:none}#why-3 .why-tile{display:flex;flex-direction:column;align-items:center;text-align:center;border:0;padding:16px;background:#fff8e9;border-radius:20px;gap:10px}#why-3 .why-tile:nth-child(2){background:#e9f1f2}#why-3 .why-tile:nth-child(3){background:#f9eae7}.why-tile>em{font-style:normal;font-size:11px;color:var(--muted)}.why-tile>strong{font-size:15px;line-height:1.5}.why-tile>span{font-size:12px;line-height:1.65}.why-glyph,.mini-orbit{font:800 44px var(--hanja);height:95px;display:grid;place-items:center}.mini-orbit{position:relative;min-width:130px}.mini-orbit i{position:absolute;width:100%;height:70%;border:1px solid var(--harbor);border-radius:50%;animation:cosmic-orbit 13s linear infinite}.color-pearl{width:95px;height:95px;border-radius:50%;background:color-mix(in srgb,var(--pearl) 25%,white);display:grid;place-items:center}.color-pearl img{width:90%;animation:cosmic-float 5s infinite}.reading-visual{display:grid;grid-template-columns:110px 25px 110px 1fr;gap:15px;align-items:center;padding:24px 0}.reading-symbol{border-radius:60px 60px 16px 16px;background:#e7f0f1;text-align:center;padding:20px 8px;animation:cosmic-float 7s infinite}.reading-symbol.fill{background:var(--honey);animation-delay:-3s}.reading-symbol b{display:block;font:800 52px var(--hanja)}.reading-symbol span{font-size:11px}.reading-message{padding-left:15px}.reading-message strong{display:block;font-size:22px}.reading-message p{font-size:13px}.rd-head{gap:18px}.rd-dm{font-size:48px;width:80px;height:80px;flex:none;border-radius:23px}.rd-title{font-size:22px}.rd-pillars{font-size:12px}.rd-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.rd-item{padding:18px;background:#f4f7f6;border-radius:16px;font-size:13px;line-height:1.9}.rd-item summary,.reading-story summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between;font-size:14px}.rd-item[open] summary{margin-bottom:14px}.rd-item .k{display:flex;margin:0}.rd-text{font-size:14px;line-height:1.9}.reading-story{border-top:1px solid var(--line);padding-top:20px}.rd-item.wide{grid-column:1/-1}
/* The recommendation is a visual outfit first, with reasons in a compact strip. */
.rec-universe{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:25px;background:#fff8e9;border:1px solid #f0e6cb;border-radius:28px;padding:18px 30px;margin-bottom:22px}.rec-universe .cosmic-orbit{width:210px}.rec-universe .orbit-center b{font-size:46px}.rec-universe .orbit-caption{font-size:10px}.rec-universe h1{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.045em;margin:0 0 12px}.rec-universe p{font-size:14px;margin:0}.rec-head{display:none}#rec-eyebrow{font-size:11px;margin-bottom:15px}.rec-reason{padding:20px 24px;border:1px solid var(--line);background:#fff;border-radius:24px;margin-bottom:20px}.rec-reason h2{font-size:20px;margin:5px 0 8px}.rec-reason-lead{font-size:14px}.rec-reason-grid{gap:14px}.reason-item{padding:15px;background:#f3f7f6;border-radius:16px}.reason-item strong{font-size:19px}.reason-item p{font-size:12px;line-height:1.7}.rec-simple{font-size:12px}.rec-prog{display:none}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border-radius:22px;background:#edf3f3;padding:8px;margin:22px 0 12px;height:auto;max-width:none}.flow-line{display:none}.flow .fs{padding:10px 5px;border:0;min-width:0;background:transparent;border-radius:17px;gap:7px;display:flex;flex-direction:column;align-items:center}.flow .fs .fs-ic{width:30px;height:30px;display:grid;place-items:center;background:transparent;border:0;box-shadow:none;font-size:18px;line-height:1}.flow .fs .fs-ic::after,.flow .fs.done .fs-ic::after{display:none}.flow .fs b{font-size:12px;line-height:1.2}.flow .fs.on{background:#fff;color:var(--space);box-shadow:0 3px 10px #01264109}.flow .fs.on .fs-ic{color:var(--raspberry);background:#fff0f4;animation:ink-breathe 3s infinite}.flow .fs.done .fs-ic{background:#dbe9e8;color:var(--space)}.flow-say{font-size:15px;margin:12px 0 22px}.palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0}.palette .sw{height:96px;min-width:0;border-radius:17px;padding:14px 9px;border:1px solid #01264115;overflow:hidden}.palette .sw>div:first-child{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.palette .sw .hex{font-size:10px}.outfit-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.outfit-rows .or{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0;background:#fff}.or-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 16px 8px}.or-slot{font-size:15px}.source-label{font-size:10px;color:var(--muted);margin-left:auto}.source-label.closet{color:#326250;background:#edf4ee;border-radius:9px;padding:3px 6px}.outfit-picture{height:200px;position:relative;display:grid;place-items:center;background:#f7f7f2;margin:10px 14px 0;border-radius:16px;overflow:hidden}.outfit-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.garment-art{width:68%;height:78%;max-height:180px;color:var(--space);animation:cosmic-float 7s ease-in-out infinite}.illustration-label{position:absolute;bottom:6px;font-size:9px;color:var(--muted)}.outfit-rows .or-body{padding:16px;display:block;flex:1;min-width:0}.or-main b{display:block;font-size:15px;line-height:1.5}.or-main p{font-size:12px;line-height:1.65;margin:7px 0 0}.or-main>a{font-size:12px}.outfit-rows .or-acts{padding:0 14px 14px;display:flex;flex-wrap:wrap;gap:7px}.outfit-rows .or-acts .btn{font-size:11px;padding:8px 11px;white-space:normal;min-height:34px}.outfit-rows .tiers{display:block;padding:0 14px}.auto-search{display:flex;gap:7px;align-items:center;line-height:1.6;font-size:11px}.auto-search i{width:7px;height:7px;flex:none;background:var(--raspberry);border-radius:50%;animation:cosmic-twinkle 1.8s infinite}.fitbox{margin:0 0 20px;font-size:12px;display:flex;flex-wrap:wrap;gap:7px}.fitbox .sz{font-size:11px}.tier{display:grid;grid-template-columns:44px 1fr;gap:5px 10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:0;min-width:0;font-size:12px}.tier .tp{grid-column:1;grid-row:1/4;width:44px;height:55px;border-radius:10px;display:grid;place-items:center;background:#eaf1f2;color:var(--space)}.tier .tp img{width:100%;height:100%;object-fit:contain}.tier .n,.tier .s,.tier .p{grid-column:2;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.tier .acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding:5px 0}.tier .btn{font-size:10px;padding:7px 10px}.search-note{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 15px}.search-batch{min-width:0}.material-story{padding:30px;margin-top:20px}.material-heading h2{font-size:24px;letter-spacing:-.04em;margin:0 0 20px}.color-recipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.color-recipe>div{display:grid;grid-template-columns:64px 1fr;gap:5px 14px;align-items:center}.color-recipe i{width:64px;height:64px;grid-row:1/3;border-radius:50% 44% 48% 43%;background:var(--swatch);border:1px solid #01264120;animation:cosmic-float 6s infinite;animation-delay:calc(var(--i)*-.9s)}.color-recipe span{font-size:11px;color:var(--muted);align-self:end}.color-recipe b{font-size:15px;align-self:start}.texture-recipe{display:flex;gap:20px;margin:24px 0;flex-wrap:wrap}.texture-recipe>div{display:flex;align-items:center;gap:12px;font-size:13px}.texture{display:block;width:50px;height:50px;border:1px solid #01264120;border-radius:13px;background-color:#faf1db}.texture-0{background-image:repeating-linear-gradient(90deg,transparent 0 3px,#01264120 3px 4px),repeating-linear-gradient(0deg,transparent 0 3px,#01264120 3px 4px)}.texture-1{background-image:repeating-linear-gradient(45deg,transparent 0 5px,#C9686855 5px 8px)}.texture-2{background:radial-gradient(ellipse at 30% 30%,#fff,#7EACB5)}.material-story>p{font-size:13px;line-height:1.75}.material-story>.small{font-size:10px}.beauty-visual{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;margin:20px 0 25px;padding:24px;background:#fff4e9;border-radius:24px}.beauty-face{width:100%;max-width:190px}.beauty-visual h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0 0 15px}.beauty-visual p{font-size:13px;line-height:1.7}.beauty-blush{animation:cosmic-twinkle 4s ease-in-out infinite}.beauty-lip{transform-origin:110px 160px;animation:ink-breathe 4s infinite}.beauty-dots{display:flex;gap:10px}.beauty-dots i{width:22px;height:22px;border-radius:50%;border:1px solid #01264120}.shop-row{padding:20px 0;border-top:1px solid var(--line)}.shop-row>.q{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14px}.shop-row>.q .btn{margin-left:auto}.shop-row .tiers{display:grid;grid-template-columns:1fr;gap:14px}.shop-row .search-batch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-row .search-note{grid-column:1/-1}#rec-makeup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none}#rec-makeup li{font-size:13px;line-height:1.75;background:#f2f6f5;border-radius:15px;padding:16px}.flow-next{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.flow-next .btn{white-space:normal}.rec-details{margin-top:20px}.rec-details summary{font-size:14px}.rec-details ul{font-size:13px;line-height:1.85}
/* Ten actual front layouts, exported using the same canvas as their preview. */
.card-templates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0 30px}.template-option{border:1px solid var(--line);border-radius:15px;padding:7px;background:#fff;min-width:0;cursor:pointer}.template-option.on{border:2px solid var(--raspberry);padding:6px;background:#fff5f8}.template-option canvas{display:block;width:100%;height:auto;border-radius:10px}.template-option>span{display:flex;align-items:center;gap:6px;text-align:left;padding:10px 3px 4px;font-size:11px;line-height:1.4}.template-option small{font-size:9px;color:var(--muted)}.cd-front{position:relative;background:var(--paper);height:auto;aspect-ratio:3/4;overflow:hidden}.cd-front canvas{width:100%;height:100%;display:block}.front-preview-label{position:absolute;left:12px;right:12px;bottom:8px;border-radius:20px;text-align:center;background:#fffdf8ed;color:var(--space);font-size:9px;padding:5px;pointer-events:none}.card-duo{gap:22px;align-items:start;max-width:850px;margin:auto}.card-duo .cd-card{width:100%;max-width:none}.card-actions{display:flex;flex-wrap:wrap;gap:10px}.face-required{width:100%;font-size:12px;color:var(--muted)}.card-panel .panel-title{flex-wrap:wrap;gap:8px}.card-panel .panel-title>.muted{font-size:12px}.card-proc{font-size:12px}.card-proc .pr-list{grid-template-columns:1fr}.card-proc .pr-ic{background:var(--honey);color:var(--space)}
/* Landing and minor views inherit the same four brand meanings and living ink. */
.brand-pillar{background:#fff;border:1px solid var(--line);border-radius:48px 48px 16px 16px}.brand-pillar:nth-child(1){background:#f5dedb}.brand-pillar:nth-child(2){background:var(--honey)}.brand-pillar:nth-child(3){background:#dcecef}.brand-pillar:nth-child(4){background:var(--space);color:var(--honey)}.brand-pillar:nth-child(4)>b,.brand-pillar:nth-child(4) small{color:var(--honey)}.brand-pillar>b{color:var(--space)}.brand-pillar .brand-glyph{opacity:.18}.brand-pillar:nth-child(2)>b,.brand-pillar:nth-child(4)>b{animation:ink-breathe 6s infinite}.hm-hero{background:var(--paper)}.hm-title,.al-title{color:var(--space);-webkit-text-fill-color:var(--space)}.hm-title em{color:var(--raspberry);-webkit-text-fill-color:var(--raspberry)}.ritual-mark i{animation:ink-breathe 6s ease-in-out infinite;animation-delay:calc(var(--i,0)*.5s)}.dy-list,.dy-head-row,.setup-grid{min-width:0}.pr-result{flex-wrap:wrap;gap:12px}.ob-q.kin .w,.pk-q.kin .w{max-width:100%}
/* Responsive layout is structural: no absolute labels or fixed text columns. */
@media(min-width:1000px){#rec-universe .hand-note{font-size:24px}}
@media(max-width:1000px){.mg-grid{grid-template-columns:1fr}.mg-grid #mgx-elements{grid-column:auto}.outfit-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.tags{grid-template-columns:repeat(2,minmax(0,1fr))}.color-recipe>div{grid-template-columns:1fr;text-align:center}.color-recipe i{grid-row:auto;margin:auto}.color-recipe b,.color-recipe span{align-self:auto}}
@media(max-width:650px){main{padding-left:18px;padding-right:18px}.view{padding-top:22px}.top{padding-inline:16px;gap:12px}.top .tagline{display:none}.h2{font-size:22px;display:block;line-height:1.4}.h2>.muted{display:block;margin-top:6px}.panel{border-radius:23px;padding:22px 18px}.ritual-guide{margin-bottom:20px;gap:10px}.ritual-guide-label{font-size:10px}.ritual-guide-action{font-size:11px}.ritual-mark i{width:14px;height:27px;font-size:13px}.hand-note{font-size:21px}.closet-invite,.closet-invite.compact{grid-template-columns:85px 1fr;padding:20px 16px;gap:14px;border-radius:23px}.closet-invite>.painted-art,.closet-invite.compact>.painted-art{width:85px;height:125px}.closet-invite strong,.closet-invite.compact strong{font-size:18px}.closet-invite .hand-note{font-size:17px}.upload-steps{font-size:10px;gap:4px 8px;margin:10px 0}.upload-link{font-size:12px}.today-universe{grid-template-columns:1fr;text-align:center;padding:14px 22px 28px;gap:2px}.today-universe .cosmic-orbit{width:235px}.today-universe h2{font-size:34px}.today-universe .hand-note{font-size:20px}.today-universe p:not(.hand-note){font-size:13px}.today-universe .btn{width:100%}#hero-card{padding:22px 18px;display:block}.hero-right{display:flex;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap}.hero-left{width:100%}#today-sub{font-size:12px}.tags{gap:12px}.interest-card .tag{padding:60px 16px 44px;min-height:250px}.interest-card .tag .lbl{font-size:19px;max-width:none}.interest-card .tag .score{right:16px;top:14px;display:flex;gap:5px;align-items:baseline}.interest-card .tag .score .n{font-size:25px}.interest-card .tag .desc{font-size:12px;margin:10px 0 18px}.interest-card .tag-go{left:16px;font-size:11px;bottom:25px}.interest-card .meter{left:16px;right:16px;bottom:13px}.interest-card .tag-days{padding:10px;font-size:10px}.mg-grid>div{padding:22px 18px}.talisman-row{gap:8px;margin:25px 0 5px}.talisman{padding:16px 3px 12px;border-radius:35px 35px 10px 10px}.talisman-glyph{font-size:42px;margin:14px 0}.talisman>strong{font-size:24px}.talisman>span,.talisman>em{font-size:10px}.talisman-lines{gap:3px}.talisman-lines i{width:6px;height:6px;border-width:1px}.talisman.chosen{outline-offset:2px}.px-stage{gap:8px}.px-ch{font-size:40px}.px-col{min-height:125px}.px-pos{font-size:10px}.px-ss{font-size:9px}.px-ko{font-size:11px}.ij-stage .ij-pair{font-size:40px}#why-3{grid-template-columns:1fr;gap:12px}#why-3 .why-tile{display:grid;grid-template-columns:90px 1fr;text-align:left;gap:6px 14px;padding:16px}.why-tile>.why-glyph,.why-tile>.mini-orbit,.why-tile>.color-pearl{grid-column:1;grid-row:1/4;width:80px;height:85px;min-width:0;font-size:34px}.why-tile>em,.why-tile>strong,.why-tile>span{grid-column:2}.why-tile>strong{font-size:14px}.why-tile>span{font-size:11px}.reading-visual{grid-template-columns:80px 20px 80px;justify-content:center;gap:12px}.reading-message{grid-column:1/-1;padding:10px 0 0;text-align:center}.reading-symbol b{font-size:43px}.reading-message strong{font-size:21px}.rd-head{align-items:center}.rd-title{font-size:18px}.rd-dm{width:64px;height:70px;font-size:38px}.rd-grid{grid-template-columns:1fr}.rd-item.wide{grid-column:auto}.rec-universe{grid-template-columns:100px 1fr;padding:18px 12px;gap:10px}.rec-universe .cosmic-orbit{width:100px}.rec-universe .orbit-center b{font-size:28px;top:25%}.rec-universe .orbit-caption{display:none}.rec-universe .orbit-star{font-size:18px}.rec-universe .hand-note{font-size:17px}.rec-universe h1{font-size:26px}.rec-universe p{font-size:12px}.rec-reason{padding:20px 18px}.rec-reason h2{font-size:19px}.rec-reason-lead{font-size:13px}.rec-reason-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.reason-item{padding:12px 8px}.reason-item>span{font-size:10px}.reason-item strong{font-size:15px;line-height:1.5;display:block}.reason-item strong i{width:14px;height:14px;margin-right:5px;display:inline-block;vertical-align:middle}.reason-item p{font-size:10px;line-height:1.6;margin:7px 0 0}.rec-simple{font-size:11px}.flow{gap:3px;padding:6px;margin-top:18px;border-radius:19px}.flow .fs{padding:9px 3px;gap:5px;border-radius:14px}.flow .fs b{font-size:11px}.flow .fs .fs-ic{font-size:15px;width:27px;height:27px}.flow-say{font-size:13px}.palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.palette .sw{height:80px;border-radius:14px}.outfit-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.outfit-rows .or{border-radius:17px}.or-head{padding:12px 10px 5px;gap:3px}.or-slot{font-size:13px}.source-label{font-size:9px;width:100%;margin:0}.outfit-picture{height:150px;margin:7px 8px 0;border-radius:12px}.outfit-rows .or-body{padding:12px 10px}.or-main b{font-size:13px}.or-main p{font-size:11px}.outfit-rows .or-acts{padding:0 8px 12px;gap:5px}.outfit-rows .or-acts .btn{font-size:10px;padding:8px;width:100%}.outfit-rows .tiers{padding:0 8px}.tier .tp{display:none}.tier{grid-template-columns:1fr}.tier .n,.tier .s,.tier .p{grid-column:1}.tier .acts .btn{width:100%}.auto-search{font-size:10px}.material-story{padding:22px 18px}.material-heading h2{font-size:22px}.material-heading .hand-note{font-size:18px}.color-recipe{gap:8px}.color-recipe i{width:50px;height:50px}.color-recipe b{font-size:13px}.color-recipe span{font-size:10px}.texture-recipe{gap:14px}.texture-recipe>div{font-size:11px;gap:7px}.texture{width:36px;height:36px}.beauty-visual{grid-template-columns:95px 1fr;padding:18px 12px;gap:14px}.beauty-visual h2{font-size:24px}.beauty-visual .hand-note{font-size:17px}.beauty-visual p{font-size:11px}.beauty-dots i{width:18px;height:18px}#rec-makeup{grid-template-columns:1fr;gap:9px}#rec-makeup li{font-size:12px}.shop-row .search-batch{grid-template-columns:1fr;gap:6px}.shop-row>.q{font-size:12px}.shop-row>.q .btn{margin:0}.shop-row .tier{grid-template-columns:45px 1fr}.shop-row .tier .tp{display:grid}.shop-row .tier .n,.shop-row .tier .s,.shop-row .tier .p{grid-column:2}.shop-row .tier .acts{grid-column:2}.shop-row .tier .acts .btn{width:auto}.card-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.template-option>span{font-size:10px;display:block}.template-option small{margin-right:5px}.card-duo{grid-template-columns:1fr;gap:20px;max-width:380px}.card-duo .cd-front{aspect-ratio:3/4}.card-panel .panel-title>.muted{font-size:11px}.card-actions .btn{font-size:12px;padding:11px 15px}.flow-next{justify-content:space-between}.flow-next .btn{font-size:13px}.motion-toggle{bottom:calc(82px + env(safe-area-inset-bottom));right:10px;font-size:10px;padding:6px 10px}.view{padding-bottom:40px}.today-head{flex-wrap:wrap;gap:16px}.hd-actions{flex-wrap:wrap}.hd-actions .btn{font-size:12px}.brand-pillar{height:135px}.brand-word{font-size:10px}.brand-pillar small{font-size:9px}.brand-pillar>b{font-size:45px}.hm-hero{padding-inline:18px}.al .ff-mark{max-width:100%}.al-title{font-size:36px}#view-photos .ob-top{grid-template-columns:55px 1fr 55px}#view-photos .ob-skip{font-size:12px}#view-photos .ob-foot .ob-next{font-size:15px}.ph-head .src3.lg{font-size:11px!important;gap:8px!important}}
@media(max-width:360px){main{padding-left:13px;padding-right:13px}.tags{grid-template-columns:1fr}.interest-card .tag{min-height:190px;padding-top:25px}.interest-card .tag .lbl{max-width:calc(100% - 48px)}.outfit-rows{grid-template-columns:1fr}.outfit-picture{height:205px}.outfit-rows .or-acts .btn{width:auto}.rec-reason-grid{grid-template-columns:1fr}.reason-item{display:grid;grid-template-columns:60px 1fr;gap:6px}.reason-item p{grid-column:1/-1}.talisman-glyph{font-size:34px}.talisman>em{font-size:9px}.closet-invite,.closet-invite.compact{grid-template-columns:65px 1fr;gap:10px}.closet-invite>.painted-art,.closet-invite.compact>.painted-art{width:65px}.closet-invite strong,.closet-invite.compact strong{font-size:16px}.card-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}
.motion-paused *, .motion-paused *::before,.motion-paused *::after,.motion-hidden *, .motion-hidden *::before,.motion-hidden *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.orbit-center,.talisman-glyph,.garment-art,.reading-symbol{transform:none!important}.motion-toggle{display:none}}
/* Override legacy per-view specificity without changing the shared components. */
#view-rec .rec-head{display:none}#view-rec .rec-reason{padding:20px 24px;margin:16px 0 20px}#view-rec .rec-reason h2{font-size:21px}#view-rec .rec-reason-lead{font-size:14px;margin:0 0 18px}#view-rec .flow{max-width:none;margin:20px 0 12px}#view-rec .fs.on .fs-ic{box-shadow:none;transform:none;background:#fff0f4;color:var(--raspberry);animation:ink-breathe 3s infinite}#view-rec .fs .fs-ic{font-family:var(--hanja)}#view-rec .or{margin:0;padding:0;border-radius:22px}#view-rec .or-head{margin:0}#view-rec .or-body{display:block}#view-rec .or-main b{font-size:15px}#view-rec .or-acts{flex-direction:row;justify-content:flex-start;margin:0}#view-rec .sw{min-width:0;padding:14px 9px}#view-rec .sw .hex{display:block}#view-rec .sw.avoid{display:block;opacity:1}#view-rec #palette[data-played] .sw.avoid{opacity:1}.reason-item{display:block}.reason-item p{grid-column:auto}.cd-front.made::after{display:none}.rd2 .rd-grid{grid-template-columns:1fr 1fr}.rd2 .rd-head{grid-template-columns:80px 1fr}.rd2 .rd-dm{width:80px;height:80px;font-size:48px;font-family:var(--hanja)}.rd2 .rd-title{font-size:22px}#view-today .interest-card .tag{padding:24px 22px 50px}#view-today .interest-card .tag .tag-go{right:auto}.ij-stage .ij-pair b{font-family:var(--hanja);font-size:43px}.px-col{width:100%;justify-items:center}.view:not(.on) *{animation-play-state:paused!important}
@media(max-width:650px){#view-rec .rec-reason{padding:20px 18px}#view-rec .rec-reason h2{font-size:19px}#view-rec .rec-reason-lead{font-size:13px}#view-rec .or{border-radius:17px}#view-rec .or-main b{font-size:13px}#view-rec .or-why{font-size:11px}#view-rec .flow-say{font-size:13px}#view-today .interest-card .tag{padding:60px 16px 44px}.rd2 .rd-grid{grid-template-columns:1fr}.rd2 .rd-head{grid-template-columns:64px 1fr}.rd2 .rd-dm{width:64px;height:70px;font-size:38px}.rd2 .rd-title{font-size:18px}.reason-item p{grid-column:auto}.top nav{background:#fffdf8f5}body.app .al-title{font-size:36px;line-height:1.18}body.app .brand-pillar{border-radius:35px 35px 12px 12px}.al-slides{min-height:390px}body.app[data-view=home]{overflow:auto;height:auto;min-height:100dvh}body.app[data-view=home] main{height:auto;min-height:100dvh}body.app[data-view=home] #view-home.on{height:auto;min-height:100dvh;overflow:visible}body.app .al{position:relative;min-height:100dvh;inset:auto}body.app #view-home .al-slide.pg-on{position:relative;inset:auto;min-height:390px;padding:24px 0}body.app #view-home .al-slide:not(.pg-on){display:none}.al-pgr{margin-top:14px}.al-foot{padding-bottom:20px}.motion-toggle{opacity:.85}}
@media(max-width:360px){#view-today .interest-card .tag{padding:25px 16px 44px}.reason-item{display:grid}.reason-item p{grid-column:1/-1}}
#view-rec .palette{display:grid}.hm-hero{padding-top:35px}.tchip[title]{cursor:pointer}.rd2 .rd-item{line-height:1.85}.motion-paused .tag,.motion-paused .sw,.motion-paused .px,.motion-paused .px-ch,.motion-paused .ij-pair b,.motion-paused .ij-link em{opacity:1!important;transform:none!important}.motion-paused .tag .meter i{width:var(--w)}
.focus-days{font-size:12px;color:var(--muted);text-align:right;padding:0 5px 8px}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}.motion-paused :is(.tag,.sw,.px,.px-ch,.talisman,.reason-item,.ij-pair b,.ij-link em,.pr,.rd-dm,.ritual-guide-action,.brand-pillar,.ob-step.on,.kin .w,.kin .wi){opacity:1!important;transform:none!important}.motion-paused .ob-guide g{clip-path:none}.motion-paused .talisman-meter i{transform:none}.motion-paused .px-base{transform:none}
.closet-capture-art{display:block;width:110px;height:120px;object-fit:contain;margin:0 auto 12px;animation:cosmic-float 6s infinite}.capture-method{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.capture-method .btn{font-size:13px;flex:1}.cp-pick .cp-cats{margin-top:12px}.cp-pick .panel-title{text-align:center;font-size:25px}.cp-pick>p{text-align:center;line-height:1.7}