@import "https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--ink:#102235;--muted:#4a5d72;--surface:#fff;--surface-soft:#f6faff;--line:#d3e1f0;--brand:#1463b8;--brand-strong:#0f4f95;--accent:#f39b5f;--danger:#b93c2d;--shadow:0 20px 60px #0f2b4a24}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 10% 0,#1b79d22e,#0000 40%),radial-gradient(circle at 90% 10%,#f39b5f40,#0000 38%),linear-gradient(160deg,#eef5ff 0%,#f7fbf3 55%,#fef9f3 100%);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}.shell{max-width:1080px;margin:0 auto;padding:26px 22px 40px}.app-header{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffffa8;border:1px solid #d6e5f5f2;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:14px 16px;display:flex;box-shadow:0 10px 30px #1b395a14}.brand{letter-spacing:.01em;margin:0;font-family:Sora,IBM Plex Sans,sans-serif;font-size:1.28rem}.top-nav{align-items:center;gap:10px;display:flex}.top-nav a{color:var(--brand-strong);border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.top-nav a:hover{background:#f4f9ff;border-color:#bcd1e8}.lang-select{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.lang-select select{color:var(--ink);background:#fdfefe;border:1px solid #bed2e8;border-radius:999px;padding:6px 9px}.page-content{animation:.35s fade-up}.panel{box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #d0dfeff2;border-radius:18px;padding:20px}.panel h2{margin-top:0;margin-bottom:10px;font-family:Sora,IBM Plex Sans,sans-serif}.home-panel{max-width:760px}.home-panel ol{color:var(--muted);margin-bottom:0}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.how-card{background:linear-gradient(#fbfdff 0%,#f4f8fd 100%);border:1px solid #d9e7f6;border-radius:14px;padding:12px}.how-card h3{margin:0 0 8px;font-family:Sora,IBM Plex Sans,sans-serif;font-size:.95rem}.how-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.35}.how-icon{color:#0f5aa7;background:linear-gradient(#eaf3fe 0%,#dcecff 100%);border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.how-icon svg{fill:currentColor;width:20px;height:20px}.privacy-note{background:#f7fbff;border:1px solid #d6e5f5;border-radius:12px;margin-top:16px;padding:12px 14px}.privacy-note h3{margin:0 0 8px;font-family:Sora,IBM Plex Sans,sans-serif;font-size:.95rem}.privacy-note p{color:var(--muted);margin:0 0 8px;font-size:.92rem;line-height:1.4}.privacy-note p:last-child{margin-bottom:0}.grid{grid-template-columns:1fr;gap:16px;display:grid}.form{gap:12px;display:grid}.retention-hint{color:var(--muted);background:#f7fbff;border:1px solid #d8e5f4;border-radius:10px;margin:6px 0 14px;padding:9px 11px;font-size:.88rem}label{color:var(--muted);gap:7px;font-size:.9rem;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{color:var(--ink);background:#fdfefe;border:1px solid #bad0e7;border-radius:10px;padding:10px 11px}textarea{resize:vertical;min-height:95px}input:focus,textarea:focus,select:focus{border-color:#7baedd;outline:2px solid #1463b840}button{color:#fff;cursor:pointer;background:linear-gradient(#1c74cf 0%,#155da7 100%);border:0;border-radius:12px;padding:10px 14px;font-weight:600;transition:transform .16s,box-shadow .16s}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #12549747}button:disabled{cursor:default;opacity:.68;box-shadow:none;transform:none}button.ghost{background:linear-gradient(#8d9cb1 0%,#6c7c93 100%);margin-top:12px}button.danger{background:linear-gradient(#d05b4e 0%,#ad3d32 100%);margin-top:10px}.occasion{text-align:left;color:#1a3d66;background:linear-gradient(#edf4fd 0%,#e3eef9 100%);width:100%;margin-bottom:8px}.occasion.active{color:#fff;background:linear-gradient(#1e74cd 0%,#135595 100%)}.details{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}.details p{margin:8px 0}.stitch-status{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.stitch-email-warning{color:var(--muted);margin:8px 0 6px;font-size:.8rem}.occasion-hero{align-items:center;gap:16px;margin:12px 0 20px;display:flex}.occasion-emoji{flex-shrink:0;font-size:3.5rem;line-height:1}.occasion-hero-text{flex-direction:column;gap:4px;display:flex}.occasion-invite-title{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin:0;font-size:.8rem;font-weight:600}.occasion-hero-text h2{margin:0}.invited-by{color:var(--muted);margin:0;font-size:.9rem}.occasion-type-line{color:var(--muted);margin:0;font-size:.85rem}.custom-order-box{background:#f8fbff;border:1px solid #d1e1f2;border-radius:12px;margin:10px 0 12px;padding:10px}.custom-order-item{border-bottom:1px solid #e4eef8;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.custom-order-item:last-child{border-bottom:0}.custom-order-actions{gap:6px;display:flex}.share-actions{gap:8px;margin:12px 0 6px;display:flex}.share-options{gap:8px;margin:0 0 12px;display:flex}.share-options a{color:#11406f;background:#ecf4ff;border:1px solid #c9dbf0;border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none;display:inline-block}.share-options a:hover{background:#dfeefe}code{background:#f0f6ff;border:1px solid #d7e6f7;border-radius:7px;padding:2px 6px}.submission{border-bottom:1px solid #e2ecf7;padding:10px 0}.submission-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.submission-header p{margin:0;font-weight:600}.submission-header .ghost.danger{flex-shrink:0;padding:2px 8px;font-size:.78rem}.submission p{margin:0 0 3px;font-weight:600}.submission small{color:var(--muted)}.preview{background:#081325;border:1px solid #1d3554;border-radius:12px;width:100%;max-height:360px}.actions{gap:10px;margin-top:12px;display:flex}.social-auth-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.social-auth-section{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.social-auth-label{color:var(--muted);margin:0 0 6px;font-size:.82rem}.auth-switch{color:var(--muted);margin-top:10px;font-size:.85rem}.error{color:var(--danger);font-weight:600}.inline{align-items:center;gap:8px;display:flex}.inline input{width:auto}.join-panel{max-width:760px}.clip-list{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.clip-list h3{margin:0 0 10px;font-family:Sora,IBM Plex Sans,sans-serif;font-size:1rem}.clip-item{margin-bottom:14px}.clip-item small{color:var(--muted);margin-top:6px;display:block}.eyebrow{color:#115191;letter-spacing:.03em;text-transform:uppercase;background:#e8f2ff;border-radius:999px;margin:0 0 8px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-block}.lead{color:var(--ink);margin-top:6px;font-size:1.03rem;line-height:1.45}.invite-meta{background:#f8fbff;border:1px solid #d7e6f6;border-radius:12px;margin:14px 0 16px;padding:12px 14px}.invite-meta p{color:var(--muted);margin:0 0 8px}.invite-meta p:last-child{margin-bottom:0}@media (width>=920px){.grid{grid-template-columns:1.05fr 1fr}.create-panel{grid-row:span 2}}@media (width<=720px){.shell{padding:14px 14px 26px}.how-grid{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start;gap:10px}.actions,.social-auth-actions{flex-direction:column}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}