.tm-frame{position:relative;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;background:#f3e9d6;border:1px solid var(--c-line, rgba(35,43,39,.1));box-shadow:0 12px 32px #232b2729;isolation:isolate}.tm-layer{position:absolute;z-index:1;inset:-20px;will-change:transform}.tm-canvas{position:absolute;inset:0;transform-origin:45% 45%;animation:tmBreathe 16s ease-in-out infinite alternate}.tm-canvas img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}@property --r{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.tm-reveal{--r: 0%;opacity:0;-webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 calc(var(--r) * .45),rgba(0,0,0,.55) calc(var(--r) * .7),transparent var(--r));mask-image:radial-gradient(circle at var(--x) var(--y),#000 calc(var(--r) * .45),rgba(0,0,0,.55) calc(var(--r) * .7),transparent var(--r))}.tm-frame.is-seen .tm-reveal{animation:tmBloom var(--b) cubic-bezier(.3,.6,.25,1) var(--t) both}@keyframes tmBloom{0%{--r: 0%;opacity:0;filter:blur(8px) saturate(.6)}35%{opacity:1}to{--r: 46%;opacity:1;filter:blur(0) saturate(1)}}.tm-full{opacity:0}.tm-frame.is-seen .tm-full{animation:tmFill 2.2s ease var(--t) both}@keyframes tmFill{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.tm-stage{position:absolute;z-index:4;left:0;right:0;bottom:14px;display:flex;justify-content:center;pointer-events:none}.tm-stage-text{padding:7px 14px;border-radius:999px;font:500 13px/1.2 Inter,system-ui,sans-serif;color:#232b27;white-space:nowrap;background:#fbf8f1cc;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 14px #232b2724;animation:tmStageIn .5s ease both}.tm-stage-n{font-family:Fraunces,Georgia,serif;color:#7f5a1f;margin-right:4px}.tm-again{pointer-events:auto;min-height:36px;cursor:pointer;animation-delay:.2s}@keyframes tmStageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tmBreathe{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-1%,-1.2%)}}.tm-layer:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#28201438;opacity:0;transition:opacity .35s}.tm-frame.is-open .tm-layer:after{opacity:1}.tm-air{position:absolute;inset:0;z-index:2;pointer-events:none}.tm-drop{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4d2,#e2a93e 60%,#b97a1e);box-shadow:0 0 6px #e9b450b3;opacity:0;animation:tmDrop 7s ease-in-out infinite}@keyframes tmDrop{0%{transform:translateY(10px) scale(.6);opacity:0}25%{opacity:.95}75%{opacity:.8}to{transform:translateY(-46px) scale(1);opacity:0}}.tm-steam{position:absolute;left:48%;top:6%;width:46%;height:26%;border-radius:50%;background:radial-gradient(closest-side,#ffffffbf,#fff0);filter:blur(6px);opacity:.5;animation:tmSteam 12s ease-in-out infinite alternate}@keyframes tmSteam{0%{transform:translate(-10%) scale(.9);opacity:.25}to{transform:translate(8%) scale(1.1);opacity:.6}}.tm-note{position:absolute;z-index:3;display:flex;align-items:center;padding:0;background:none;transform:translate(-9px,-50%)}.tm-note.tm-left{flex-direction:row-reverse;transform:translate(calc(-100% + 9px),-50%)}.tm-dot{position:relative;width:18px;height:18px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--l) 55%,var(--c));border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 10px #00000040;transform:scale(0);transition:transform .2s}.tm-dot:before{content:"";position:absolute;inset:-12px}.tm-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--l);animation:tmRing 3s ease-out infinite;animation-delay:calc(var(--d) + 1s);opacity:0}@keyframes tmRing{0%{transform:scale(1);opacity:.9}70%,to{transform:scale(2.1);opacity:0}}.tm-line{width:20px;height:1px;background:#232b278c;transform:scaleX(0);transform-origin:left}.tm-left .tm-line{transform-origin:right}.tm-label{padding:4px 10px;border-radius:999px;white-space:nowrap;font:500 13px/1.2 Fraunces,Georgia,serif;color:#232b27;background:#fbf8f1c7;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);border:1px solid rgba(255,255,255,.7);box-shadow:0 2px 8px #232b271f;opacity:0;transform:translateY(4px);transition:background .25s}.tm-frame.is-seen .tm-dot{transform:scale(1);transition:transform .5s cubic-bezier(.3,1.5,.5,1) var(--d)}.tm-frame.is-seen .tm-line{transform:scaleX(1);transition:transform .45s ease calc(var(--d) + .2s)}.tm-frame.is-seen .tm-label{opacity:1;transform:none;transition:opacity .45s ease calc(var(--d) + .45s),transform .45s ease calc(var(--d) + .45s),background .25s}.tm-frame.is-open .tm-note:not(.is-on){opacity:.45}.tm-note{transition:opacity .3s}.tm-frame.is-seen .tm-note.is-on .tm-dot{transform:scale(1.25);transition-delay:0s}.tm-note.is-on .tm-label{background:#fbf8f1}.tm-bar{display:block;height:100%;border-radius:3px;transform:scaleX(0);transform-origin:left;transition:none}.tm-profile.is-seen .tm-bar{transform:scaleX(1);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.tm-sheet{--glass: rgba(251,248,241,.86);--glass-line: rgba(255,255,255,.55);position:fixed;z-index:80;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(min(480px,100vw) - 24px);max-height:72vh;overflow-y:auto;overscroll-behavior:contain;padding:16px;border-radius:26px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:0 12px 40px #00000047;text-align:left;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);opacity:0;visibility:hidden;transform:translate(-50%,16px) scale(.98);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.9,.25,1),visibility 0s .42s}.tm-sheet.is-open{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.9,.25,1),visibility 0s}.tm-sheet:before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:#7f7f7f59;margin:-6px auto 12px}:root[data-theme=dark] .tm-sheet{--glass: rgba(31,36,32,.82);--glass-line: rgba(255,255,255,.14)}.tm-sheet-close{width:36px;height:36px;flex:none;border-radius:50%;font-size:20px;line-height:1;color:var(--c-text, #232B27);background:#7f7f7f24}.tm-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}.tm-ambient-canvas{position:absolute;inset:-6% -6% auto;aspect-ratio:4 / 5;opacity:.16;filter:blur(.6px) saturate(.85);animation:tmBreathe 22s ease-in-out infinite alternate}:root[data-theme=dark] .tm-ambient-canvas{opacity:.1;mix-blend-mode:screen;filter:blur(.6px) saturate(.7) brightness(.9)}.tm-ambient-canvas img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tm-ambient.is-seen .tm-reveal{animation:tmBloom var(--b) cubic-bezier(.3,.6,.25,1) var(--t) both}.tm-ambient.is-seen .tm-full{animation:tmFill 3s ease var(--t) both}.tm-ambient-veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--c-bg, #F3EEE1) 0%,transparent 18%,transparent 42%,var(--c-bg, #F3EEE1) 92%);opacity:.55}@media(prefers-reduced-motion:reduce){.tm-canvas,.tm-drop,.tm-steam,.tm-dot:after,.tm-ambient-canvas{animation:none}.tm-drop{opacity:0}.tm-frame.is-seen .tm-reveal,.tm-ambient.is-seen .tm-reveal{animation:none}.tm-frame.is-seen .tm-full,.tm-ambient.is-seen .tm-full{animation:none;opacity:1}.tm-dot,.tm-line,.tm-label{transition-delay:0s!important}.tm-sheet,.tm-sheet.is-open{transition:opacity .2s,visibility 0s}}