.reflection-room{flex-direction:column;min-height:calc(100svh - 112px);padding-top:0;padding-bottom:28px;display:flex}.reflection-word{z-index:10;border:1px solid var(--ink);background:var(--background);width:100%;max-width:640px;color:var(--ink);border-radius:16px;align-items:center;gap:18px;margin:0 auto 20px;padding:14px 20px;display:flex;position:sticky;top:8px}.reflection-word:before{content:"";border:2px solid var(--theme-color);pointer-events:none;border-radius:11px;position:absolute;inset:5px}.reflection-word-seal{flex:none;width:64px;margin:0}.reflection-word-seal:before{inset:-5px}.reflection-word-seal-text{font-family:var(--font-serif);color:var(--seal-text);font-size:20px;font-weight:400}.reflection-word-body{flex-direction:column;min-width:0;display:flex}.reflection-word h2{font:400 22px/1.2 var(--font-serif);color:var(--ink);overflow-wrap:anywhere;margin:0}.reflection-word-pronunciation{font:400 11px/1.5 var(--font-sans);color:var(--stone);margin-top:2px}.reflection-word-meaning{font:italic 400 14px/1.45 var(--font-serif);color:var(--ink);margin-top:6px}.reflection-area-row{--area-tag-background:var(--theme-tint);--area-tag-border:var(--theme-color);--area-tag-text:var(--theme-deep);flex:none;justify-content:center;margin:0 auto 16px;display:flex}.reflection-area-row .reflection-area-tag{border:1px solid var(--area-tag-border);background:var(--area-tag-background);min-height:44px;color:var(--area-tag-text);font:400 13px/1.4 var(--font-sans);border-radius:999px;gap:8px;padding:8px 14px}.reflection-area-row .reflection-area-tag:hover{background:color-mix(in srgb, var(--theme-tint), var(--theme-color) 15%)}.reflection-area-message{border-color:var(--line);background:var(--background);width:320px;max-width:calc(100vw - 32px);color:var(--pine);font:400 16px/1.5 var(--font-sans)}.reflection-area-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.reflection-area-actions .ritual-button{height:44px;padding-inline:16px;font-size:14px}.reflection-area-actions .ritual-text-button{min-height:44px;font-size:14px}.reflection-pause{flex-direction:column;justify-content:center;min-height:320px;display:flex}.reflection-pause>.ritual-button{align-self:flex-start}.reflection-screen{flex:1;width:100%;max-width:640px;margin:0 auto 32px;animation:.35s both reflection-fade}.reflection-stage{color:var(--pine);font:400 16px/1.5 var(--font-sans);margin-bottom:20px}.reflection-screen h1{overflow-wrap:anywhere;outline:none;margin-bottom:32px}.reflection-screen:not(.reflection-closing) h1{font-size:40px;line-height:1.2}@media (width>=600px) and (width<=1023px){.reflection-screen:not(.reflection-closing) h1{font-size:34px}}.reflection-options{grid-template-columns:1fr;gap:10px;display:grid}.reflection-options .reflection-option{border:1px solid var(--ink);background:var(--background);height:auto;min-height:52px;color:var(--pine);font:400 17px/1.45 var(--font-sans);text-align:left;white-space:normal;overflow-wrap:anywhere;border-radius:999px;justify-content:flex-start;padding:12px 22px;transition:background-color .2s,border-color .2s}.reflection-room:not(:has(.reflection-area-row)) .reflection-options .reflection-option:not([class*=theme-]):hover{background:var(--cat-inner-life)}.reflection-option .theme-dot{flex:none}.reflection-option-text{flex-direction:column;gap:1px;font-size:15px;display:flex}.reflection-option-hint{color:var(--stone);font-size:13px}.reflection-custom{margin-top:20px}.reflection-custom label{color:var(--stone);margin-bottom:8px;font-size:14px;display:block}.reflection-custom textarea{resize:vertical;border:1px solid var(--line);background:var(--background);width:100%;min-height:90px;color:var(--foreground);font:400 17px/1.5 var(--font-sans);border-radius:8px;padding:12px 16px;display:block}.reflection-custom textarea:focus-visible{outline:3px solid var(--pine);outline-offset:3px}.reflection-custom .ritual-button{height:48px;margin-top:16px;font-size:15px}.reflection-navigation{justify-content:space-between;margin-top:28px;display:flex}.reflection-support{text-align:center;max-width:640px;color:var(--stone);margin-inline:auto;padding-top:24px;font-size:13px;line-height:1.6}.reflection-closing{text-align:center;flex-direction:column;min-height:360px;display:flex}.reflection-water{width:136px;height:136px;color:var(--pine);flex:none;margin:16px auto}.water-rim{fill:var(--background);stroke:currentColor;stroke-width:1.5px}.water-surface{fill:var(--background);stroke:currentColor;stroke-width:.5px}.water-colours{opacity:var(--water-colour-strength);transition:opacity 2s}.water-swirl{transform-origin:80px 80px;animation:water-turn var(--water-swirl-tempo) linear infinite}.water-pigment{fill:none;stroke-width:28px;stroke-linecap:round;transition:stroke 2s}.pigment-inner-life{stroke:var(--cat-inner-life)}.pigment-relationships{stroke:var(--cat-relationships)}.pigment-work{stroke:var(--cat-work)}.pigment-purpose{stroke:var(--cat-purpose)}.pigment-everyday{stroke:var(--cat-everyday)}.water-area .pigment-inner-life{stroke:color-mix(in srgb, var(--theme-color) 30%, var(--background))}.water-area .pigment-relationships{stroke:var(--theme-color)}.water-area .pigment-work{stroke:color-mix(in srgb, var(--theme-color) 65%, var(--background))}.water-area .pigment-purpose{stroke:color-mix(in srgb, var(--theme-color) 85%, var(--background))}.water-area .pigment-everyday{stroke:color-mix(in srgb, var(--theme-color) 45%, var(--background))}.water-clear .water-swirl{animation-play-state:paused}.water-glint{fill:none;stroke:var(--background);stroke-width:2px;stroke-linecap:round}.water-ripple{fill:none;stroke:currentColor;stroke-width:.65px;transform-origin:80px 80px;animation:water-outward var(--water-tempo) ease-out infinite;opacity:var(--water-ripple-strength)}.ripple-1{animation-delay:-2.6s}.ripple-2{animation-delay:-5.3s}.reflection-closing-heading{text-align:center;width:100%;max-width:640px;color:var(--pine);font:400 34px/1.2 var(--font-serif);overflow-wrap:anywhere;outline:none;margin:24px auto 20px}.reflection-closing-intro{max-width:560px;color:var(--pine);font:400 16px/1.6 var(--font-sans);margin:0 auto 24px}.reflection-why{max-width:560px;margin:28px auto 0}.reflection-why h2{color:var(--pine);font:400 24px/1.3 var(--font-serif);margin:0 0 12px}.reflection-why p{color:var(--pine);font:400 16px/1.7 var(--font-sans);overflow-wrap:anywhere;margin:0}.word-card.reflection-word-card{background:var(--theme-tint);color:var(--foreground)}.reflection-word-card .word-heading{font-size:var(--heading-h2);line-height:1.1}.reflection-word-card .word-theme-chip{align-items:center;display:inline-flex}.reflection-closing-actions{flex-direction:column;align-items:center;gap:16px;margin-top:28px;display:flex}.reflection-closing-actions .ritual-button{border-color:var(--pine);height:48px;color:var(--pine);background:0 0;font-size:15px}.reflection-closing-actions .ritual-button:hover{color:var(--background);background:var(--pine)}.reflection-read-more{color:var(--pine);text-underline-offset:4px;font-size:16px;text-decoration:underline}@keyframes water-turn{to{transform:rotate(360deg)}}@keyframes water-outward{0%{opacity:var(--water-ripple-strength);transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.reflection-closing .reflection-navigation{margin-top:64px}@keyframes reflection-fade{0%{opacity:0}to{opacity:1}}@media (width<=599px){.reflection-room{min-height:calc(100svh - 110px);padding-top:0}.reflection-screen h1{font-size:var(--heading-h1);margin-bottom:24px}.reflection-screen:not(.reflection-closing) h1{font-size:28px}.reflection-options .reflection-option{min-height:48px;padding:10px 18px;font-size:16px}.reflection-options{gap:8px}.reflection-water{width:112px;height:112px;margin:10px auto}.reflection-screen h1{margin-bottom:18px}.reflection-navigation{margin-top:20px}.reflection-word{gap:14px;margin-bottom:14px;padding:12px 16px}.reflection-word-seal{width:54px}.reflection-word-seal-text{font-size:17px}.reflection-word h2{font-size:19px}.reflection-word-meaning{font-size:13px}.reflection-support{font-size:12px}.reflection-closing-heading{font-size:28px}}@media (prefers-reduced-motion:reduce){.reflection-screen,.water-ripple,.water-swirl{animation:none}.water-colours,.water-pigment{transition:none;transition-duration:0s!important}}.water-wedge{stroke:none}@media (prefers-reduced-motion:reduce){.water-wedge{transition:none}}.water-wedge{transition:fill .6s}.water-ripple{stroke:#fff;stroke-width:.8px}.reflection-options .reflection-option{background:#fff;border-color:#cfcbc2;transition:border-color .2s,transform .2s,box-shadow .2s}.reflection-options .reflection-option:hover,.reflection-options .reflection-option[aria-pressed=true]{background:#fff;border-color:#1e4a42}.reflection-room:not(:has(.reflection-area-row)) .reflection-options .reflection-option:not([class*=theme-]):hover{background:#fff;border-color:#1e4a42}.reflection-options .reflection-option:hover{transform:translateY(-1px);box-shadow:0 3px 10px -6px #1e4a4259}@media (prefers-reduced-motion:reduce){.reflection-options .reflection-option:hover{transform:none}}.reflection-label{flex-direction:column;align-items:center;gap:4px;margin:0 auto 16px;display:flex}.reflection-label-main{font:500 12px/1.4 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--pine);align-items:center;gap:8px;display:inline-flex}.reflection-label-dot{background:var(--label-dot);border-radius:50%;flex:none;width:8px;height:8px}.reflection-label .reflection-area-tag{background:0 0;border:0;border-radius:4px;gap:8px;height:auto;min-height:32px;padding:4px 8px}.reflection-label .reflection-area-tag:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.reflection-label-sub{font:400 13px/1.4 var(--font-sans);color:var(--stone)}.reflection-options .reflection-option .theme-dot{width:13px;height:13px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--theme-accent);margin:4px}