@layer components{.effy-motion-boundary{position:relative}.effy-spatial-stage{isolation:isolate;perspective:var(--effy-perspective-stage);background:var(--effy-spatial-canvas);border:1px solid var(--effy-spatial-line);position:relative;overflow:hidden}.effy-spatial-stage[data-tone=graphite]{color:var(--effy-ivory);background:radial-gradient(circle at 72% 24%, #aa91582e, transparent 34%), linear-gradient(145deg, var(--effy-ink-2), var(--effy-ink));border-color:#ffffff1a}.effy-spatial-grid,.effy-spatial-glow{pointer-events:none;position:absolute;inset:0}.effy-spatial-grid{z-index:-2;opacity:.42;background-image:linear-gradient(#9ca4931c 1px,#0000 1px),linear-gradient(90deg,#9ca4931c 1px,#0000 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.effy-spatial-glow{z-index:-1;background:radial-gradient(circle at 50% 62%,#aa915826,#0000 38%)}.effy-spatial-layer{transform-style:preserve-3d;position:relative}.effy-spatial-layer[data-layer=back]{transform:translateZ(-24px)scale(1.02)}.effy-spatial-layer[data-layer=mid]{transform:translateZ(0)}.effy-spatial-layer[data-layer=front]{transform:translateZ(34px)}.effy-tilt-surface{transform-style:preserve-3d;transform-origin:50%;position:relative}.effy-depth-card{border:1px solid var(--effy-spatial-line);background:var(--effy-spatial-surface);position:relative}.effy-depth-card[data-depth=flat]{box-shadow:var(--effy-depth-flat)}.effy-depth-card[data-depth=raised]{box-shadow:var(--effy-depth-raised)}.effy-depth-card[data-depth=floating]{box-shadow:var(--effy-depth-floating)}.effy-depth-card[data-depth=focus]{box-shadow:var(--effy-depth-focus)}.effy-depth-card[data-depth=highlight]{box-shadow:var(--effy-depth-highlight);border-color:#aa915857}.effy-floating-asset{transform-style:preserve-3d;margin:0;position:relative;transform:translateZ(24px)}.effy-floating-asset img{object-fit:contain;filter:drop-shadow(0 24px 30px #20261f21);width:100%;height:auto}.effy-device-mockup{background:var(--effy-ink);width:min(240px,100%);box-shadow:var(--effy-depth-floating);border:1px solid #ffffff24;border-radius:32px;padding:12px;position:relative}.effy-device-mockup[data-device=tablet]{border-radius:24px;width:min(430px,100%)}.effy-device-speaker{z-index:2;border-radius:var(--radius-full);background:#f4f2e847;width:42px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.effy-device-screen{background:var(--effy-paper);border-radius:23px;min-height:390px;position:relative;overflow:hidden}.effy-device-mockup[data-device=tablet] .effy-device-screen{border-radius:16px;min-height:280px}.effy-browser-mockup{background:var(--effy-paper);width:min(680px,100%);box-shadow:var(--effy-depth-floating);border:1px solid #20261f29;overflow:hidden}.effy-browser-bar{border-bottom:1px solid var(--effy-line);background:var(--effy-ivory);align-items:center;gap:7px;min-height:38px;padding:0 14px;display:flex}.effy-browser-bar>span{background:var(--effy-sage);border-radius:50%;width:7px;height:7px}.effy-browser-bar small{max-width:56%;color:var(--effy-ink-3);text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:10px;overflow:hidden}.effy-browser-screen{min-height:330px;position:relative}}@media (hover:none),(pointer:coarse){.effy-tilt-surface{transform:none!important}}@media (prefers-reduced-motion:reduce){.effy-motion-boundary .effy-tilt-surface,.effy-motion-boundary .effy-floating-asset{transform:none!important}}