.phone-showcase.svelte-wx58vy{position:relative;perspective:1200px;padding:1rem}.phone-device.svelte-wx58vy{position:relative;transform:rotateY(-8deg) rotateX(2deg) rotate(2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1)}.phone-device.svelte-wx58vy:hover{transform:rotateY(-4deg) rotateX(1deg) rotate(1deg)}.phone-frame.svelte-wx58vy{position:relative;width:220px;height:456px;background:linear-gradient(135deg,#1a1a1a,#0d0d0d,#1a1a1a);border-radius:35px;padding:10px;box-shadow:inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0000004d,0 0 0 1px #ffffff0d,0 25px 50px -12px #000c,0 12px 24px -8px #0009,0 0 80px -20px hsl(var(--primary) / .3)}.phone-notch.svelte-wx58vy{position:absolute;top:10px;left:50%;transform:translate(-50%);width:94px;height:22px;background:#0a0a0a;border-radius:0 0 12px 12px;z-index:10;display:flex;align-items:center;justify-content:center}.phone-speaker.svelte-wx58vy{width:40px;height:3px;background:linear-gradient(90deg,#1a1a1a,#252525,#1a1a1a);border-radius:2px}.phone-screen.svelte-wx58vy{width:100%;height:100%;background:#000;border-radius:27px;overflow:hidden;position:relative}.phone-screenshot.svelte-wx58vy{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.phone-button-volume.svelte-wx58vy{position:absolute;left:-3px;top:94px;width:3px;height:47px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:2px 0 0 2px}.phone-button-power.svelte-wx58vy{position:absolute;right:-3px;top:118px;width:3px;height:32px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:0 2px 2px 0}.phone-reflection.svelte-wx58vy{position:absolute;inset:10px;border-radius:27px;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 20%,transparent 40%,transparent 100%);pointer-events:none;z-index:20}.phone-shadow.svelte-wx58vy{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) rotateX(80deg) scale(.9);width:175px;height:80px;background:radial-gradient(ellipse at center,hsl(var(--primary) / .15) 0%,transparent 70%);filter:blur(20px);opacity:.8}@media (max-width: 1024px){.phone-device.svelte-wx58vy,.phone-device.svelte-wx58vy:hover{transform:rotateY(0) rotateX(0) rotate(0)}.phone-frame.svelte-wx58vy{width:190px;height:395px;border-radius:30px;padding:8px}.phone-screen.svelte-wx58vy{border-radius:24px}.phone-notch.svelte-wx58vy{width:82px;height:19px;border-radius:0 0 10px 10px}.phone-reflection.svelte-wx58vy{inset:8px;border-radius:24px}}.masonry-grid.svelte-wx58vy{-moz-columns:1;columns:1;-moz-column-gap:1rem;column-gap:1rem}@media (min-width: 640px){.masonry-grid.svelte-wx58vy{-moz-columns:2;columns:2}}@media (min-width: 1024px){.masonry-grid.svelte-wx58vy{-moz-columns:3;columns:3}}.note-card.svelte-wx58vy{display:block;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;padding:1.25rem;background:hsl(var(--card) / .4);border:1px solid hsl(var(--border) / .4);border-radius:1rem;transition:all .2s ease;text-decoration:none}.note-card.svelte-wx58vy:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--card) / .6);box-shadow:0 4px 20px -4px hsl(var(--primary) / .1)}