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