.k-experience-label {
	color: var(--aqua, #8cf3e3); font: 700 .66rem/1.4 var(--mono, monospace); letter-spacing: .16em;
	margin: 0 0 14px; text-transform: uppercase;
}
.k-daily {
	align-items: center; background: linear-gradient(135deg, hsl(var(--daily-hue) 45% 15% / .72), rgba(255,255,255,.025));
	border: 1px solid rgba(255,255,255,.14); border-radius: 36px; display: grid; gap: clamp(34px,7vw,100px);
	grid-template-columns: minmax(280px,.75fr) 1fr; min-height: 560px; overflow: hidden; padding: clamp(28px,6vw,72px); position: relative;
}
.k-daily::before { background: hsl(var(--daily-hue) 75% 60% / .14); border-radius: 50%; content: ""; filter: blur(70px); height: 420px; left: -110px; position: absolute; top: 40px; width: 420px; }
.k-daily__visual { aspect-ratio: 1; position: relative; }
.k-daily__visual::before, .k-daily__visual::after { border: 1px solid hsl(var(--daily-hue) 85% 85% / .25); border-radius: 50%; content: ""; inset: 3%; position: absolute; }
.k-daily__visual::after { border-style: dashed; inset: 18%; animation: daily-turn 30s linear infinite reverse; }
.k-daily__visual span, .k-daily__visual i, .k-daily__visual b, .k-daily__visual u { bottom: 14%; clip-path: polygon(50% 0,92% 27%,78% 100%,20% 100%,6% 29%); position: absolute; text-decoration: none; }
.k-daily__visual span { background: linear-gradient(140deg,#fff,hsl(var(--daily-hue) 75% 72% / .55) 42%,hsl(var(--daily-hue) 70% 36% / .2)); filter: drop-shadow(0 0 25px hsl(var(--daily-hue) 75% 62% / .35)); height: 78%; left: 34%; width: 32%; }
.k-daily__visual i { background: hsl(calc(var(--daily-hue) - 35) 80% 74% / .5); height: 52%; left: 18%; transform: rotate(-15deg); width: 27%; }
.k-daily__visual b { background: hsl(calc(var(--daily-hue) + 38) 82% 78% / .46); height: 48%; right: 16%; transform: rotate(14deg); width: 25%; }
.k-daily__visual u { background: rgba(255,255,255,.4); height: 31%; left: 47%; transform: translateX(-50%) rotate(-4deg); width: 15%; }
.k-daily__copy { position: relative; z-index: 2; }
.k-daily__group { color: rgba(255,255,255,.48); font: .68rem var(--mono,monospace); letter-spacing: .14em; margin: 0; text-transform: uppercase; }
.k-daily h3 { font: 400 clamp(3.8rem,8vw,8rem)/.9 var(--serif,serif); margin: 14px 0 28px; }
.k-daily__copy > p:not(.k-experience-label):not(.k-daily__group):not(.k-share-status) { color: #bbb5c7; max-width: 620px; }
.k-daily__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.k-share { background: transparent; border: 0; color: #d4cedd; cursor: pointer; font-size: .76rem; padding: 12px; text-decoration: underline; text-underline-offset: 5px; }
.k-share-status { color: var(--aqua,#8cf3e3); font-size: .7rem; min-height: 1.5em; }

.k-spectrum { border-block: 1px solid rgba(255,255,255,.12); padding-block: 36px 14px; }
.k-spectrum__controls { align-items: center; display: flex; gap: 22px; justify-content: space-between; }
.k-spectrum__buttons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.k-spectrum__buttons button { align-items: center; background: transparent; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #aaa3b5; cursor: pointer; display: inline-flex; font-size: .67rem; gap: 7px; min-height: 38px; padding: 7px 12px; }
.k-spectrum__buttons button i { background: hsl(var(--filter-hue) 72% 63%); border-radius: 50%; box-shadow: 0 0 12px hsl(var(--filter-hue) 72% 63% / .45); height: 7px; width: 7px; }
.k-spectrum__buttons button[aria-pressed="true"] { background: rgba(255,255,255,.09); border-color: var(--aqua,#8cf3e3); color: #fff; }
.k-spectrum__stage { display: grid; gap: 10px; grid-template-columns: repeat(8,minmax(0,1fr)); margin-top: 34px; }
.k-spectrum__stone { color: #eee9f4; display: grid; gap: 10px; justify-items: center; min-width: 0; padding: 14px 4px; text-align: center; text-decoration: none; }
.k-spectrum__stone[hidden] { display: none; }
.k-spectrum__stone > span { align-items: flex-end; aspect-ratio: 1; display: flex; justify-content: center; position: relative; width: 100%; }
.k-spectrum__stone > span::before { background: hsl(var(--stone-hue) 80% 65% / .2); border-radius: 50%; content: ""; filter: blur(17px); inset: 22%; position: absolute; }
.k-spectrum__stone > span i { background: linear-gradient(145deg,hsl(var(--stone-hue) 80% 88% / .82),hsl(calc(var(--stone-hue) + 45) 70% 49% / .3)); clip-path: polygon(50% 0,88% 28%,74% 100%,25% 100%,10% 30%); height: 78%; position: relative; transition: transform .3s ease,filter .3s ease; width: 45%; }
.k-spectrum__stone:hover > span i { filter: brightness(1.25) drop-shadow(0 0 13px hsl(var(--stone-hue) 80% 68% / .45)); transform: translateY(-7px); }
.k-spectrum__stone strong { font: 400 .88rem/1.1 var(--serif,serif); overflow-wrap: anywhere; }
.k-spectrum__count { color: #777181; font: .62rem var(--mono,monospace); margin: 18px 0 0; text-align: right; }

.k-collection { min-height: 520px; }
.k-collection__intro { align-items: end; border-bottom: 1px solid rgba(23,21,38,.13); display: grid; gap: 10px 30px; grid-template-columns: 1fr auto; margin-bottom: 42px; padding-bottom: 24px; }
.k-collection__intro .k-experience-label { color: var(--violet-deep,#6d49d7); grid-column: 1/-1; }
.k-collection__intro p { color: #686270; margin: 0; }.k-collection__intro strong { color: #201b2b; }
.k-collection__clear { background: transparent; border: 0; color: #6d49d7; cursor: pointer; font-size: .72rem; padding: 8px 0; text-decoration: underline; text-underline-offset: 4px; }
.k-collection__empty { padding: 60px 20px; text-align: center; }.k-collection__empty[hidden] { display: none; }.k-collection__empty > span { color: var(--violet-deep,#6d49d7); font-size: 4rem; }.k-collection__empty h2 { font-size: clamp(2.4rem,6vw,5rem); margin: 8px auto 18px; }.k-collection__empty p { color: #6d6773; }.k-collection__empty .button { margin-top: 18px; }
.k-collection__grid { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.k-collection__item { background: #f0edf3; border: 1px solid rgba(23,21,38,.09); display: flex; flex-direction: column; min-height: 390px; padding: 18px; }.k-collection__item[hidden] { display: none; }
.k-collection__item > a { color: #171526; display: flex; flex: 1; flex-direction: column; text-decoration: none; }.k-collection__item small { color: #77717e; font: .58rem var(--mono,monospace); letter-spacing: .1em; text-transform: uppercase; }.k-collection__item h3 { font: 400 1.7rem var(--serif,serif); margin: 8px 0 10px; }.k-collection__item p { color: #69636f; font-size: .76rem; margin: 0; }
.k-collection__item > button { align-self: flex-start; background: transparent; border: 0; color: #6d49d7; cursor: pointer; font-size: .66rem; margin-top: 16px; padding: 4px 0; text-decoration: underline; }
.k-collection__gem { align-items: flex-end; aspect-ratio: 1.25; display: flex; justify-content: center; margin-bottom: 14px; position: relative; }.k-collection__gem::before { background: hsl(var(--saved-hue) 76% 62% / .18); border-radius: 50%; content: ""; filter: blur(20px); inset: 22%; position: absolute; }.k-collection__gem i { background: linear-gradient(145deg,hsl(var(--saved-hue) 80% 88% / .86),hsl(calc(var(--saved-hue) + 45) 70% 49% / .3)); clip-path: polygon(50% 0,90% 28%,75% 100%,24% 100%,8% 30%); height: 78%; position: relative; width: 35%; }
@keyframes daily-turn { to { transform: rotate(360deg); } }
@media (max-width: 900px) { .k-spectrum__stage { grid-template-columns: repeat(4,minmax(0,1fr)); } .k-collection__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) {
	.k-daily { grid-template-columns: 1fr; min-height: 0; }
	.k-daily__visual { margin-inline: auto; max-width: 360px; width: 100%; }
	.k-spectrum__controls { align-items: flex-start; flex-direction: column; }
	.k-spectrum__buttons { justify-content: flex-start; }
	.k-collection__intro { align-items: start; grid-template-columns: 1fr; }
	.k-collection__intro .k-experience-label { grid-column: auto; }
}
@media (max-width: 440px) { .k-spectrum__stage { grid-template-columns: repeat(3,minmax(0,1fr)); } .k-spectrum__stone strong { font-size: .76rem; } .k-collection__grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .k-daily__visual::after { animation: none; } }