@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Gochi+Hand&family=Inter:wght@400;500;600;700;800&family=Permanent+Marker&family=Plus+Jakarta+Sans:ital,wght@0,400;0,700;0,800;1,800&display=swap";:root{--surface:#f6f6f6;--surface-container-low:#f0f1f1;--surface-container-lowest:#fff;--on-surface:#2d2f2f;--on-surface-variant:#5a5c5c;--primary:#7d4d5f;--primary-container:#f8bbd0;--secondary-container:#b2e4fb;--tertiary-container:#f5d1fb;--headline:"Plus Jakarta Sans", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;color:var(--on-surface);background:var(--surface);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html{background:var(--surface)}body{min-width:320px;margin:0}img{max-width:100%}input,textarea,button{font:inherit}::selection{color:#4b2334;background:#f8bbd0}.app-shell{background:var(--surface);min-height:100vh;color:var(--on-surface);transition:background .32s,color .32s;overflow-x:hidden}.dark .app-shell{color:#e2e8f0;background:#020617}.topbar{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffc;border-radius:999px;justify-content:space-between;align-items:center;gap:22px;width:min(100% - 32px,1280px);min-height:64px;margin:16px auto 0;padding:10px 28px;display:flex;position:sticky;top:16px;box-shadow:0 20px 52px #ec48990f}.dark .topbar{background:#0f172ad1;box-shadow:0 20px 52px #0000003d}.brand{color:#ec4899;font-family:var(--headline);white-space:nowrap;font-size:clamp(1.08rem,2vw,1.45rem);font-style:italic;font-weight:800;text-decoration:none;transition:transform .22s,color .22s}.brand:hover{color:#db2777;transform:translateY(-2px)rotate(-1deg)}.desktop-nav,.nav-actions,.footer-links{align-items:center;display:flex}.desktop-nav{gap:clamp(18px,2.4vw,34px)}.desktop-nav a,.footer-links a{color:#64748b;font-family:var(--headline);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .18s,transform .18s}.desktop-nav a.active{color:#db2777;box-shadow:0 2px #f9a8d4}.desktop-nav a:hover,.footer-links a:hover{color:#ec4899;transform:translateY(-2px)}.nav-actions{gap:12px}button,a{-webkit-tap-highlight-color:transparent}.theme-toggle,.icon-button,.add-button{cursor:pointer;font:inherit;border:0}.theme-toggle{color:#64748b;background:#e2e8f0;border-radius:999px;width:56px;height:32px;padding:4px;transition:background .22s,box-shadow .22s}.theme-toggle span{background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .26s,background .26s,color .26s;display:grid}.dark .theme-toggle{background:#334155}.dark .theme-toggle span{color:#0f172a;background:#f9a8d4;transform:translate(24px)}.icon-button{color:#5a5c5c;background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .22s,color .22s,background .22s;display:inline-grid}.icon-button:hover{color:#ec4899;background:#f8bbd04d;transform:translateY(-3px)rotate(8deg)}.add-button{color:#623648;min-height:40px;font-family:var(--headline);background:linear-gradient(135deg,#f8bbd0,#f5d1fb);border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .22s,box-shadow .22s,filter .22s;display:inline-flex;box-shadow:0 18px 40px #e9aec352}.add-button:hover{filter:saturate(1.08);transform:translateY(-3px)scale(1.04);box-shadow:0 24px 54px #e9aec373}.menu-button,.mobile-nav{display:none}.mobile-nav{z-index:19;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff0;border-radius:28px;width:min(90vw,420px);padding:16px;position:fixed;top:94px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #2d2f2f24}.dark .mobile-nav{background:#0f172af0}.mobile-nav a{color:var(--on-surface);border-radius:18px;padding:14px 16px;font-weight:800;text-decoration:none;display:block}.dark .mobile-nav a{color:#e2e8f0}.mobile-nav a:hover{background:#f8bbd03d}.home-page{width:min(100%,1280px);margin:0 auto;padding:clamp(42px,5vw,72px) 24px 92px}.home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:clamp(38px,7vw,90px);min-height:calc(100vh - 124px);display:grid}.home-copy h1{color:#202324;font-family:var(--headline);text-wrap:balance;margin:0;font-size:clamp(4rem,9vw,7.8rem);font-weight:800;line-height:.92}.dark .home-copy h1{color:#f8fafc}.home-copy h1 span{color:#7d4d5f;font-style:italic;display:block}.dark .home-copy h1 span{color:#f9a8d4}.home-copy p{max-width:680px;color:var(--on-surface-variant);margin:28px 0 36px;font-size:clamp(1.08rem,2vw,1.42rem);line-height:1.55}.dark .home-copy p,.dark .home-memory-card p,.dark .home-message-band p,.dark .wall-note p{color:#94a3b8}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-link,.secondary-link,.home-message-band a{min-height:54px;font-family:var(--headline);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-weight:800;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.primary-link,.home-message-band a{color:#623648;background:linear-gradient(135deg,#f8bbd0,#f5d1fb);box-shadow:0 18px 44px #e9aec357}.secondary-link{color:#1f5467;background:#b2e4fb}.primary-link:hover,.secondary-link:hover,.home-message-band a:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 24px 54px #e9aec36b}.home-stack{perspective:1200px;min-height:520px;position:relative}.stack-card{background:#fff;border-radius:38px;width:min(72%,360px);padding:12px;transition:transform .36s,box-shadow .36s;position:absolute;box-shadow:0 30px 72px #2d2f2f1f}.dark .stack-card{background:#0f172a;box-shadow:0 30px 72px #00000052}.stack-card:hover{transform:translateY(-12px)rotate(0)rotateX(5deg)rotateY(-6deg);box-shadow:0 42px 90px #2d2f2f2e}.stack-card img{aspect-ratio:4/5;object-fit:cover;border-radius:28px;width:100%;display:block}.stack-one{top:24px;left:0;transform:rotate(-6deg)}.stack-two{bottom:8px;right:0;transform:rotate(7deg)}.home-memory-section{padding:clamp(64px,8vw,110px) 0}.section-heading{text-align:center;width:min(100%,760px);margin:0 auto 42px}.section-heading span{color:#604567;background:#f5d1fb;border-radius:999px;margin-bottom:14px;padding:9px 16px;font-weight:800;display:inline-flex}.section-heading h2,.home-message-band h2{color:var(--on-surface);font-family:var(--headline);text-wrap:balance;margin:0;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1}.dark .section-heading h2,.dark .home-message-band h2{color:#f8fafc}.home-memory-grid{perspective:1000px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.home-memory-card{background:#fff;border-radius:38px;min-height:292px;padding:34px;transition:transform .3s,box-shadow .3s,background .32s;box-shadow:0 22px 58px #2d2f2f14}.dark .home-memory-card{background:#0f172a}.home-memory-card:hover{transform:translateY(-10px)rotateX(4deg)rotateY(5deg);box-shadow:0 34px 76px #2d2f2f26}.home-memory-card svg{color:#7d4d5f}.home-memory-card h3{color:var(--on-surface);font-family:var(--headline);margin:30px 0 14px;font-size:1.42rem}.dark .home-memory-card h3{color:#f1f5f9}.home-memory-card p{color:var(--on-surface-variant);margin:0;line-height:1.65}.home-message-band{background:linear-gradient(135deg,#f8bbd05c,#b2e4fb47);border-radius:44px;justify-content:space-between;align-items:center;gap:24px;margin:18px 0 36px;padding:clamp(34px,5vw,58px);display:flex}.home-wall{place-items:center;min-height:220px;display:grid}.wall-note{text-align:center;background:#f5d1fb73;border-radius:36px;width:min(100%,620px);padding:34px}.wall-note svg{color:#7d4d5f}.wall-note p{color:var(--on-surface-variant);margin:18px 0 0;font-size:1.15rem;font-style:italic;line-height:1.55}.yearbook-page{width:min(100%,1280px);margin:0 auto;padding:clamp(42px,5vw,64px) 24px 86px}.yearbook-hero{max-width:760px;margin-bottom:clamp(44px,6vw,72px)}.eyebrow{color:#4c3253;width:fit-content;font-family:var(--headline);background:#f5d1fb;border-radius:8px;align-items:center;gap:9px;margin-bottom:24px;padding:7px 16px;font-size:.9rem;font-weight:800;display:inline-flex}.yearbook-hero h1{color:#202324;font-family:var(--headline);text-wrap:balance;margin:0;font-size:clamp(3.2rem,8vw,5.9rem);font-weight:800;line-height:.98}.dark .yearbook-hero h1{color:#f8fafc}.yearbook-hero h1 span{color:#7d4d5f;font-style:italic}.dark .yearbook-hero h1 span{color:#f9a8d4}.yearbook-hero p{max-width:650px;color:var(--on-surface-variant);margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.55}.dark .yearbook-hero p,.dark .feature-card p,.dark .yearbook-card p,.dark .desktop-nav a,.dark .footer-links a{color:#94a3b8}.yearbook-section{margin-bottom:clamp(34px,6vw,72px)}.yearbook-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(18px,2vw,26px);display:grid}.yearbook-card{background:var(--surface-container-lowest);border-radius:20px;flex-direction:column;min-height:100%;padding:14px 14px 20px;transition:transform .36s,box-shadow .36s,background .32s;display:flex;position:relative;box-shadow:0 16px 42px #2d2f2f14}.dark .yearbook-card{background:#0f172a;box-shadow:0 16px 42px #00000047}.yearbook-card:hover{transform:translateY(-8px);box-shadow:0 24px 58px #2d2f2f24}.portrait{aspect-ratio:4/5;background:#e7e8e8;border-radius:12px;margin-bottom:16px;overflow:hidden}.portrait img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s,transform .5s;display:block}.yearbook-card:hover .portrait img{filter:grayscale(0);transform:scale(1.05)}.yearbook-card h2{color:var(--on-surface);font-family:var(--headline);margin:0 0 10px;font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.1}.dark .yearbook-card h2,.dark .feature-card h3,.dark footer strong{color:#f1f5f9}.yearbook-card p{color:var(--on-surface-variant);overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.55}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(18px,4vw,36px);display:grid}.feature-card{background:#f0f1f1;border-radius:32px;min-height:230px;padding:34px;transition:transform .3s,box-shadow .3s,background .32s}.feature-card:hover{transform:translateY(-8px)rotateX(4deg);box-shadow:0 28px 64px #2d2f2f17}.feature-card.cyan{background:#b2e4fb47}.feature-card.purple{background:#f5d1fb57}.dark .feature-card{background:#0f172ab8}.dark .feature-card.cyan{background:#0891b221}.dark .feature-card.purple{background:#7e22ce21}.feature-card svg{color:#7d4d5f}.feature-card.cyan svg{color:#2f6275}.feature-card.purple svg{color:#6e5275}.feature-card h3{color:var(--on-surface);font-family:var(--headline);margin:30px 0 14px;font-size:1.25rem}.feature-card p{color:var(--on-surface-variant);margin:0;line-height:1.65}.pin-page{width:min(100%,1280px);margin:0 auto;padding:clamp(42px,5vw,72px) 24px 96px}.pin-hero{grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:center;gap:clamp(28px,6vw,84px);min-height:380px;display:grid;position:relative}.pin-hero:before{content:"";z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#f8bbd061,#b2e4fb4d);border-radius:42px;width:min(48vw,560px);height:280px;position:absolute;inset:24px -8vw auto auto;transform:rotate(2deg)}.dark .pin-hero:before{background:linear-gradient(135deg,#be185d2e,#0e74902e)}.pin-hero h1{max-width:860px;color:var(--on-surface);font-family:var(--headline);text-wrap:balance;margin:0;font-size:clamp(3.4rem,8vw,7.2rem);font-weight:800;line-height:.95}.dark .pin-hero h1,.dark .memory-form h2,.dark .wall-heading h2{color:#f8fafc}.pin-hero p{max-width:720px;color:var(--on-surface-variant);margin:24px 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.6}.dark .pin-hero p,.dark .memory-form label,.dark .wall-heading span,.dark .note-meta span,.dark .note-meta time,.dark .form-status.neutral{color:#94a3b8}.pin-floating-note{color:#604567;background:#f5d1fb;border-radius:8px 34px;align-content:center;gap:18px;width:min(100%,310px);min-height:220px;padding:34px;transition:transform .36s,box-shadow .36s;display:grid;transform:rotate(4deg);box-shadow:0 28px 70px #2d2f2f1f}.pin-floating-note:hover{transform:rotate(0)translateY(-8px)rotateX(5deg);box-shadow:0 38px 84px #2d2f2f29}.pin-floating-note span{font-family:var(--headline);font-size:1.45rem;font-weight:800;line-height:1.15}.pin-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,44px);display:grid}.pin-form-layout{grid-template-columns:minmax(300px,460px) minmax(280px,.8fr);justify-content:center}.memory-form,.memories-wall{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border-radius:36px;box-shadow:0 22px 64px #2d2f2f14}.dark .memory-form,.dark .memories-wall{background:#0f172abd;box-shadow:0 22px 64px #00000042}.memory-form{padding:clamp(24px,3vw,34px);position:sticky;top:104px}.form-heading{color:#7d4d5f;align-items:center;gap:12px;margin-bottom:24px;display:flex}.form-heading h2,.wall-heading h2{color:var(--on-surface);font-family:var(--headline);margin:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.05}.memory-form label{color:var(--on-surface-variant);gap:9px;margin-bottom:18px;font-size:.9rem;font-weight:800;display:grid}.identity-card{color:#604567;background:#f5d1fb7a;border-radius:22px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:.92rem;font-weight:800;display:flex}.memory-form input,.memory-form textarea{width:100%;color:var(--on-surface);resize:vertical;background:#e1e3e3;border:0;border-radius:24px;outline:2px solid #0000;padding:15px 17px;transition:background .22s,box-shadow .22s,outline-color .22s,transform .22s}.dark .memory-form input,.dark .memory-form textarea{color:#f8fafc;background:#1e293b}.memory-form input:focus,.memory-form textarea:focus{background:#fff;outline-color:#2f62756b;transform:translateY(-1px);box-shadow:0 14px 34px #2f62751a}.memory-form input:read-only{color:#64748b;cursor:default;background:#e1e3e399}.dark .memory-form input:read-only{color:#94a3b8;background:#1e293b9e}.dark .memory-form input:focus,.dark .memory-form textarea:focus{background:#0f172a}.pin-submit,.refresh-button{cursor:pointer;font:inherit;font-family:var(--headline);border:0;font-weight:800;transition:transform .22s,box-shadow .22s,opacity .22s}.pin-submit{color:#623648;background:linear-gradient(135deg,#f8bbd0,#f5d1fb);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;display:inline-flex;box-shadow:0 18px 42px #e9aec357}.pin-submit:hover:not(:disabled),.refresh-button:hover:not(:disabled){transform:translateY(-3px)scale(1.02)}.pin-submit:disabled,.refresh-button:disabled{cursor:not-allowed;opacity:.62}.form-status{min-height:44px;color:var(--on-surface-variant);margin:16px 0 0;font-size:.92rem;line-height:1.5}.form-status.success{color:#18784f}.form-status.error{color:#b41340}.memories-wall{min-height:520px;padding:clamp(24px,3vw,34px)}.wall-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.wall-heading span{color:var(--on-surface-variant);margin-bottom:8px;font-weight:800;display:block}.refresh-button{color:#1f5467;background:#b2e4fb;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 18px;display:inline-flex}.memory-note-grid{perspective:1100px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;display:grid}.memory-note{min-height:230px;transform:rotate(var(--note-rotation));transform-style:preserve-3d;animation:.52s both noteIn;animation-delay:var(--delay,0s);border-radius:8px 26px;flex-direction:column;padding:34px 24px 24px;transition:transform .32s,box-shadow .32s,filter .32s;display:flex;position:relative;box-shadow:0 20px 46px #2d2f2f1a}.memory-note:hover{filter:saturate(1.05);transform:translateY(-10px)rotate(0)rotateX(5deg)rotateY(-5deg);box-shadow:0 32px 70px #2d2f2f29}.memory-note.pink{background:#f8bbd0}.memory-note.blue{background:#b2e4fb}.memory-note.purple{background:#f5d1fb}.memory-note.mint{background:#bdf3d4}.memory-note.peach{background:#ffd1ba}.memory-note.lemon{background:#f8ed9f}.dark .memory-note{color:#111827;box-shadow:0 20px 46px #00000047}.dark .memory-note p,.dark .note-meta strong{color:#2d2f2f}.note-pin{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 -3px #2d2f2f1a,0 6px 14px #2d2f2f29}.memory-note p{color:#2d2f2f;overflow-wrap:anywhere;margin:0 0 26px;font-size:1.02rem;line-height:1.58}.note-meta{gap:4px;margin-top:auto;display:grid}.note-meta strong{color:#2d2f2f;font-family:var(--headline);overflow-wrap:anywhere;font-size:1rem}.note-meta span,.note-meta time{color:#5a5c5c;overflow-wrap:anywhere;font-size:.84rem}.wall-empty{color:#604567;min-height:300px;font-family:var(--headline);text-align:center;background:#f5d1fb5c;border-radius:28px;place-items:center;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800;display:grid}.wall-empty.loading{gap:12px}.pin-wall-preview{perspective:1000px;align-content:center;gap:24px;min-height:430px;display:grid;position:relative}.preview-note{border-radius:8px 32px;align-content:space-between;width:min(100%,330px);min-height:170px;padding:28px;transition:transform .32s,box-shadow .32s;display:grid;box-shadow:0 24px 58px #2d2f2f1f}.preview-note:hover{transform:rotate(0)translateY(-8px)rotateX(5deg);box-shadow:0 34px 78px #2d2f2f29}.preview-note p{margin:22px 0 0;font-family:Gochi Hand,cursive;font-size:1.55rem;line-height:1.2}.preview-one{color:#623648;background:#f8bbd0;transform:rotate(-3deg)}.preview-two{color:#1f5467;background:#b2e4fb;justify-self:end;transform:rotate(3deg)}.pin-wall-preview .wall-write-link{justify-self:center}.wall-page{width:min(100%,1280px);min-height:calc(100vh - 120px);margin:0 auto;padding:clamp(42px,5vw,64px) 24px 106px;position:relative;overflow:hidden}.wall-texture{pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dark .wall-texture{opacity:.05;filter:invert()}.wall-glow{z-index:0;pointer-events:none;filter:blur(52px);border-radius:999px;position:absolute}.wall-glow-one{background:#f8bbd04d;width:180px;height:180px;top:140px;left:3%}.wall-glow-two{background:#b2e4fb47;width:270px;height:270px;bottom:120px;right:4%}.wall-page-header{z-index:1;text-align:center;max-width:790px;margin:0 auto;padding:28px 0 34px;position:relative}.wall-page-header .eyebrow{margin-inline:auto}.wall-page-header h1{color:var(--on-surface);font-family:var(--headline);text-wrap:balance;margin:0;font-size:clamp(3rem,7vw,6.6rem);font-weight:800;line-height:.98}.wall-page-header h1 span{color:#7d4d5f;font-style:italic}.dark .wall-page-header h1{color:#f8fafc}.dark .wall-page-header h1 span{color:#f0abfc}.wall-page-header p{max-width:680px;color:var(--on-surface-variant);margin:18px auto 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.62}.dark .wall-page-header p{color:#94a3b8}.wall-toolbar{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 auto 36px;display:flex;position:relative}.wall-refresh,.wall-write-link{cursor:pointer;min-height:44px;font:inherit;font-family:var(--headline);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:800;text-decoration:none;transition:transform .22s,box-shadow .22s,opacity .22s;display:inline-flex}.wall-write-link{color:#623648;background:linear-gradient(135deg,#f8bbd0,#f5d1fb);box-shadow:0 18px 42px #e9aec357}.wall-refresh:hover:not(:disabled),.wall-write-link:hover{transform:translateY(-3px)scale(1.02)}.posted-wall-grid{z-index:1;perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(24px,4vw,44px);display:grid;position:relative}.posted-note{color:#2d2f2f;min-height:256px;transform:rotate(var(--note-rotation));transform-style:preserve-3d;animation:.54s both wallNoteIn;animation-delay:var(--delay,0s);flex-direction:column;justify-content:space-between;padding:28px;text-decoration:none;transition:transform .34s,box-shadow .34s,filter .34s;display:flex;box-shadow:0 22px 54px #2d2f2f1a}.posted-note:hover{filter:saturate(1.04);transform:rotate(0)translateY(-10px)rotateX(5deg)rotateY(-5deg);box-shadow:0 36px 76px #2d2f2f29}.posted-note-top{color:currentColor;opacity:.44;justify-content:space-between;gap:18px;display:flex}.posted-note-top time{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.posted-note p{overflow-wrap:anywhere;color:currentColor;margin:26px 0;line-height:1.14}.posted-note strong{color:currentColor;text-align:right;overflow-wrap:anywhere;font-family:Caveat,cursive;font-size:1.45rem}.posted-note.hand p{font-family:Gochi Hand,cursive;font-size:clamp(1.65rem,4vw,2.1rem)}.posted-note.marker p{font-family:Permanent Marker,cursive;font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.25}.posted-note.caveat p{font-family:Caveat,cursive;font-size:clamp(2rem,5vw,2.65rem);font-weight:700}.wall-pink{color:#623648;background:#f8bbd0}.wall-blue{color:#1f5467;background:#b2e4fb}.wall-lavender{color:#604567;background:#f5d1fb}.wall-paper{color:#2d2f2f;background:#f0f1f1}.wall-rose{color:#6c3f51;background:#e9aec3}.wall-purple{color:#4c3253;background:#e7c3ed}.dark .posted-note{box-shadow:0 24px 58px #0000004d}.dark .wall-pink{color:#ffe4ee;background:#be185d6b}.dark .wall-blue{color:#dbeafe;background:#1e293be6}.dark .wall-lavender,.dark .wall-purple{color:#fae8ff;background:#581c8780}.dark .wall-paper{color:#e2e8f0;background:#0f172aeb}.dark .wall-rose{color:#fce7f3;background:#83184370}.add-note-card{color:var(--on-surface);text-align:center;outline-offset:-12px;background:#ffffff61;border-radius:22px;outline:3px dashed #acadad61;justify-content:center;align-items:center;gap:12px}.dark .add-note-card{color:#f8fafc;background:#0f172a6b}.add-note-card span{color:#623648;background:#f8bbd0;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .24s;display:grid}.add-note-card:hover span{transform:scale(1.1)rotate(-5deg)}.add-note-card p{font-family:var(--body);opacity:.7;margin:0;font-size:.95rem;line-height:1.4}.wall-state{z-index:1;color:#604567;min-height:310px;font-family:var(--headline);text-align:center;background:#f5d1fb61;border-radius:34px;place-items:center;gap:16px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800;display:grid;position:relative}.wall-state.error{color:#b41340}.wall-state a{color:#623648;background:#f8bbd0;border-radius:999px;align-items:center;min-height:44px;padding:0 20px;text-decoration:none;display:inline-flex}.wall-floating-action{z-index:30;color:#623648;background:#f8bbd0;border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .22s,box-shadow .22s;display:grid;position:fixed;bottom:clamp(20px,4vw,42px);right:clamp(20px,4vw,42px);box-shadow:0 24px 58px #ec489940}.wall-floating-action:hover{transform:translateY(-5px)scale(1.07);box-shadow:0 32px 72px #ec48995c}.gallery-page{width:min(100%,1280px);margin:0 auto;padding:clamp(42px,5vw,70px) 24px 104px}.gallery-hero{text-align:center;max-width:820px;margin:0 auto clamp(34px,5vw,56px)}.gallery-hero .eyebrow{margin-inline:auto}.gallery-hero h1{color:var(--on-surface);font-family:var(--headline);text-wrap:balance;margin:0;font-size:clamp(3.2rem,7vw,6.6rem);font-weight:800;line-height:.96}.gallery-hero h1 span{color:#7d4d5f;font-style:italic}.dark .gallery-hero h1{color:#f8fafc}.dark .gallery-hero h1 span{color:#f9a8d4}.gallery-hero p{max-width:680px;color:var(--on-surface-variant);margin:20px auto 0;font-size:clamp(1.03rem,2vw,1.22rem);line-height:1.62}.dark .gallery-hero p,.dark .upload-photo-heading p,.dark .gallery-board-heading span,.dark .upload-photo-card label,.dark .gallery-state{color:#94a3b8}.gallery-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,44px);display:grid}.gallery-only-layout{display:block}.upload-moment-layout{grid-template-columns:minmax(300px,430px) minmax(280px,.72fr);justify-content:center;align-items:start;gap:clamp(26px,4vw,44px);display:grid}.upload-photo-card,.gallery-board{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border-radius:36px;box-shadow:0 22px 64px #2d2f2f14}.dark .upload-photo-card,.dark .gallery-board{background:#0f172abd;box-shadow:0 22px 64px #00000042}.upload-photo-card{padding:clamp(24px,3vw,34px);position:sticky;top:104px}.upload-photo-heading{color:#7d4d5f;align-items:center;gap:14px;margin-bottom:24px;display:flex}.upload-photo-heading h2,.gallery-board-heading h2{color:var(--on-surface);font-family:var(--headline);margin:0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.05}.dark .upload-photo-heading h2,.dark .gallery-board-heading h2{color:#f8fafc}.upload-photo-heading p{color:var(--on-surface-variant);margin:5px 0 0;font-size:.92rem}.upload-photo-card label{color:var(--on-surface-variant);gap:9px;margin-bottom:18px;font-size:.9rem;font-weight:800;display:grid}.upload-photo-card input,.upload-photo-card textarea{width:100%;color:var(--on-surface);resize:vertical;background:#e1e3e3;border:0;border-radius:24px;outline:2px solid #0000;padding:15px 17px;transition:background .22s,box-shadow .22s,outline-color .22s,transform .22s}.upload-photo-card input[type=file]{cursor:pointer}.dark .upload-photo-card input,.dark .upload-photo-card textarea{color:#f8fafc;background:#1e293b}.upload-photo-card input:focus,.upload-photo-card textarea:focus{background:#fff;outline-color:#2f62756b;transform:translateY(-1px);box-shadow:0 14px 34px #2f62751a}.dark .upload-photo-card input:focus,.dark .upload-photo-card textarea:focus{background:#0f172a}.upload-photo-card input:read-only{color:#64748b;cursor:default;background:#e1e3e399}.dark .upload-photo-card input:read-only{color:#94a3b8;background:#1e293b9e}.upload-photo-empty{color:var(--on-surface-variant);margin:18px 0 0;line-height:1.55}.photo-preview{background:#fff;border-radius:24px;margin:4px 0 18px;padding:10px;transform:rotate(-1deg);box-shadow:0 18px 44px #2d2f2f14}.dark .photo-preview{background:#0f172a}.photo-preview img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;width:100%;display:block}.gallery-board{min-height:560px;padding:clamp(24px,3vw,34px)}.gallery-board-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:34px;display:flex}.gallery-board-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gallery-board-heading span{color:var(--on-surface-variant);margin-bottom:8px;font-weight:800;display:block}.photo-grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;gap:clamp(22px,4vw,34px);display:grid}.photo-card{color:#2d2f2f;transform:rotate(var(--photo-rotation));transform-style:preserve-3d;animation:.54s both wallNoteIn;animation-delay:var(--delay,0s);background:#fff;border-radius:10px;padding:12px 12px 22px;transition:transform .32s,box-shadow .32s,filter .32s;box-shadow:0 24px 54px #2d2f2f1f}.photo-card:hover{filter:saturate(1.05);transform:translateY(-10px)scale(1.035)rotate(0);box-shadow:0 36px 78px #2d2f2f2e}.photo-card-image{aspect-ratio:4/3;background:#e7e8e8;border-radius:6px;overflow:hidden}.photo-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .42s;display:block}.photo-card:hover .photo-card-image img{transform:scale(1.05)}.photo-card p{color:#2d2f2f;overflow-wrap:anywhere;margin:16px 8px 10px;font-family:Caveat,cursive;font-size:1.45rem;font-weight:700;line-height:1.15}.photo-card-meta{justify-content:space-between;align-items:end;gap:12px;margin:14px 8px 0;display:flex}.photo-card-meta strong{color:#623648;font-family:var(--headline);overflow-wrap:anywhere;font-size:.84rem}.photo-card-meta time{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:800}.gallery-state{color:#604567;min-height:330px;font-family:var(--headline);text-align:center;background:#f5d1fb5c;border-radius:28px;place-items:center;gap:14px;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:800;display:grid}.gallery-state.error{color:#b41340}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes noteIn{0%{opacity:0;transform:translateY(22px) scale(.97) rotate(var(--note-rotation))}to{opacity:1;transform:rotate(var(--note-rotation))}}@keyframes wallNoteIn{0%{opacity:0;transform:translateY(26px) scale(.97) rotate(var(--note-rotation))}to{opacity:1;transform:rotate(var(--note-rotation))}}footer{color:#94a3b8;text-align:center;background:#f1f5f9;padding:68px 24px 40px;transition:background .32s}.dark footer{background:#0f172ab8}footer strong{color:#334155;font-family:var(--headline);margin-bottom:30px;font-size:1.08rem;display:block}.footer-links{flex-wrap:wrap;justify-content:center;gap:22px clamp(30px,5vw,54px)}.footer-rule{background:#94a3b82e;width:min(100%,1240px);height:1px;margin:34px auto}footer p{color:#94a3b8;margin:0;font-size:.9rem;font-style:italic;font-weight:500}.reveal{opacity:0;transition:opacity .7s,transform .7s;transition-delay:var(--delay,0s);transform:translateY(34px)scale(.985)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}@media (width<=980px){.desktop-nav{display:none}.menu-button,.mobile-nav{display:grid}.topbar{padding-left:20px;padding-right:16px}.home-hero{grid-template-columns:1fr;min-height:auto}.home-stack{min-height:460px}.home-memory-grid,.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.yearbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pin-hero,.pin-layout,.gallery-layout,.upload-moment-layout{grid-template-columns:1fr}.pin-form-layout{justify-content:stretch}.pin-hero{min-height:auto}.pin-floating-note{width:min(100%,420px);min-height:170px}.memory-form{position:static}.pin-wall-preview,.upload-gallery-preview{min-height:auto}.upload-photo-card{position:static}}@media (width<=700px){.topbar{gap:10px;width:min(100% - 20px,1280px);min-height:62px;margin-top:10px;top:10px}.brand{white-space:normal;max-width:44vw;line-height:1.05}.hide-small,.add-button{display:none}.yearbook-page,.home-page{padding-inline:20px}.home-copy h1{font-size:clamp(3.55rem,16vw,5.8rem)}.hero-actions,.home-message-band{flex-direction:column;align-items:stretch}.primary-link,.secondary-link,.home-message-band a{width:100%}.home-stack{min-height:390px}.stack-card{border-radius:30px;width:min(76%,300px)}.stack-card img{border-radius:22px}.yearbook-hero{margin-bottom:32px}.pin-page{padding-inline:20px}.pin-hero h1{font-size:clamp(3.2rem,15vw,5.4rem)}.pin-floating-note{padding:26px;transform:rotate(1.5deg)}.memory-form,.memories-wall{border-radius:28px}.wall-heading{flex-direction:column;align-items:stretch}.refresh-button{justify-content:center}.memory-note-grid{grid-template-columns:1fr}.wall-page,.gallery-page{padding-inline:20px}.gallery-board,.upload-photo-card{border-radius:28px}.gallery-board-heading,.gallery-board-actions{flex-direction:column;align-items:stretch}.photo-grid{grid-template-columns:1fr}.photo-card{transform:rotate(0)}.posted-wall-grid{grid-template-columns:1fr;gap:22px}.posted-note{min-height:230px;padding:24px;transform:rotate(0)}.preview-two{justify-self:stretch}.preview-note{width:100%;transform:rotate(0)}.wall-floating-action{width:56px;height:56px}.yearbook-card{border-radius:20px;padding:12px}.portrait{border-radius:14px}}@media (width<=520px){.yearbook-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}