.habit-gallery{padding:34px 0 10px}.habit-wall{border:1px solid color-mix(in oklab, var(--gold) 55%, transparent);background:radial-gradient(ellipse at 25% 40%, color-mix(in oklab, var(--ghost) 22%, transparent), transparent 60%), repeating-linear-gradient(90deg, color-mix(in oklab, var(--ghost-deep) 20%, var(--night)) 0 44px, color-mix(in oklab, var(--ghost-deep) 10%, var(--night)) 44px 88px);box-shadow:var(--shadow-deep);grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;gap:40px;padding:34px;display:grid}.habit-portrait{transform-origin:50% -30px;margin:0;animation:6s ease-in-out infinite habit-sway;position:relative}.habit-portrait img{width:100%;height:auto;filter:drop-shadow(0 18px 24px color-mix(in oklab, var(--night) 80%, transparent));transition:filter .5s,transform .5s;display:block}.habit-portrait:hover img{filter:drop-shadow(0 0 26px color-mix(in oklab, var(--ghost) 70%, transparent)) saturate(1.15);transform:scale(1.03)}.habit-cord{border:2px solid var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%);border-bottom:0;width:70px;height:40px;display:none;position:absolute;top:-34px;left:50%;translate:-50%}.habit-plaque{background:linear-gradient(var(--gold), color-mix(in oklab, var(--gold) 70%, var(--ink)));color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-deep);white-space:nowrap;border-radius:3px;padding:4px 16px;font-size:14px;position:absolute;bottom:-10px;left:50%;translate:-50%}.habit-intro h2{color:var(--mist);margin:8px 0 14px;font-size:clamp(30px,4vw,44px)}.habit-principle{font-family:var(--font-script);color:var(--mist);font-size:22px;line-height:1.6}.habit-spell{background:var(--parchment);color:var(--ink);border-block:3px double var(--gold);margin-top:22px;padding:18px 22px}.habit-spell-toggle{gap:6px;display:flex}.habit-spell-toggle button{white-space:normal;height:auto;min-height:42px;color:var(--ink);border:1px solid color-mix(in oklab, var(--ink) 20%, transparent);flex:1}.habit-spell-toggle button[aria-pressed=true]{background:var(--ghost-deep);color:var(--parchment)}.habit-spell blockquote{font-family:var(--font-script);margin:16px 0 8px;font-size:21px;line-height:1.55}.spell-rushed{color:color-mix(in oklab, var(--ink) 70%, var(--rose));-webkit-text-decoration:line-through color-mix(in oklab, var(--rose) 50%, transparent);-webkit-text-decoration:line-through color-mix(in oklab, var(--rose) 50%, transparent);text-decoration:line-through color-mix(in oklab, var(--rose) 50%, transparent);animation:.4s both habit-fade}.spell-cast{animation:.8s both habit-cast}.habit-spell small{color:var(--ghost-deep);font-size:12px}.habit-cards-hint{text-align:center;font-family:var(--font-display);color:var(--ghost);letter-spacing:.06em;margin:34px 0 14px}.habit-cards{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;display:grid}.habit-card{cursor:pointer;min-height:260px;transform-style:preserve-3d;color:inherit;text-align:center;background:0 0;border:0;padding:0;transition:transform .8s cubic-bezier(.2,.8,.2,1);animation:5s ease-in-out infinite habit-float;position:relative}.habit-card.is-turned{animation:none;transform:rotateY(180deg)}.habit-card-face{backface-visibility:hidden;border:2px solid var(--gold);box-shadow:var(--shadow-deep);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;inset:0}.habit-card-front{background:radial-gradient(circle at 50% 30%, color-mix(in oklab, var(--rose) 30%, transparent), transparent 55%), linear-gradient(160deg, var(--ghost-deep), var(--ink));color:var(--mist)}.habit-card-front:before{content:"";border:1px dashed color-mix(in oklab, var(--gold) 60%, transparent);border-radius:6px;position:absolute;inset:8px}.habit-card-num{background:var(--parchment);width:54px;height:54px;color:var(--ink);font-family:var(--font-display);border:3px double var(--gold);border-radius:50%;place-items:center;font-size:20px;display:grid}.habit-card-front strong{font-family:var(--font-display);font-size:20px}.habit-card-front em{color:var(--ghost);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-style:normal}.habit-card:hover .habit-card-front{box-shadow:0 0 24px color-mix(in oklab, var(--ghost) 55%, transparent)}.habit-card-back{background:var(--parchment);color:var(--ink);text-align:left;justify-content:flex-start;align-items:stretch;overflow:auto;transform:rotateY(180deg)}.habit-card-back strong{font-family:var(--font-display);color:var(--ghost-deep);font-size:18px}.habit-card-back span{font-size:14px;line-height:1.6}.mirror-booth{grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:center;gap:34px;margin:28px 0;display:grid}.mirror-frame{background:conic-gradient(from 0deg, var(--gold), color-mix(in oklab, var(--gold) 50%, var(--ink)), var(--gold), color-mix(in oklab, var(--gold) 60%, var(--rose)), var(--gold));box-shadow:var(--shadow-deep), 0 0 40px color-mix(in oklab, var(--ghost) 30%, transparent);border-radius:50%/42%;padding:18px}.mirror-glass{aspect-ratio:3/4;background:radial-gradient(circle at 40% 30%, color-mix(in oklab, var(--ghost) 45%, var(--night)), var(--night));border-radius:50%/42%;position:relative;overflow:hidden}.mirror-glass video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.mirror-done .mirror-glass video{transform:none}.mirror-mist{text-align:center;color:var(--mist);font-family:var(--font-script);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;font-size:20px;animation:4s ease-in-out infinite habit-mist;display:flex;position:absolute;inset:0}.mirror-rec{color:var(--rose);background:color-mix(in oklab, var(--night) 70%, transparent);border-radius:99px;padding:2px 10px;font-weight:700;position:absolute;top:14%;left:50%;translate:-50%}.mirror-live .mirror-frame{animation:1.6s ease-in-out infinite habit-glow}.mirror-script h3{margin:6px 0 12px;font-size:26px}.mirror-lines{font-family:var(--font-script);background:var(--parchment);color:var(--ink);border-block:3px double var(--gold);padding:18px 22px;font-size:20px;line-height:1.6}.mirror-actions{margin:16px 0 8px}.mirror-script small{color:var(--muted-foreground)}@keyframes habit-sway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes habit-float{0%,to{translate:0}50%{translate:0 -6px}}@keyframes habit-fade{0%{opacity:0}to{opacity:1}}@keyframes habit-cast{0%{opacity:0;filter:blur(6px);letter-spacing:.2em}to{opacity:1;filter:blur();letter-spacing:normal}}@keyframes habit-mist{0%,to{opacity:.7}50%{opacity:1}}@keyframes habit-glow{0%,to{box-shadow:var(--shadow-deep), 0 0 20px color-mix(in oklab, var(--rose) 40%, transparent)}50%{box-shadow:var(--shadow-deep), 0 0 50px color-mix(in oklab, var(--rose) 70%, transparent)}}@media (width<=760px){.habit-wall,.mirror-booth{grid-template-columns:1fr;gap:26px;padding:22px}.habit-portrait{max-width:240px;margin:20px auto 0}.mirror-frame{max-width:260px;margin:0 auto}.habit-principle{font-size:19px}}@media (prefers-reduced-motion:reduce){.habit-portrait,.habit-card,.mirror-mist,.mirror-live .mirror-frame{animation:none}.habit-card{transition:none}}