@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#262624;--muted:#77766f;--paper:#f6f3ed;--card:#fff;--line:#e7e1d7;--accent:#c36946;--accent-dark:#9e4e32;--green:#677e67;--shadow:0 18px 60px rgba(52,43,33,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:var(--accent);margin-bottom:10px}.muted{color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-brand{padding:9vw;background:linear-gradient(140deg,rgba(35,32,27,.7),rgba(79,55,42,.7)),url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1600&q=80') center/cover;color:white;display:flex;flex-direction:column;justify-content:center}.logo-mark,.brand span{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:var(--accent);color:#fff;font-family:Playfair Display;font-size:1.3rem}.auth-brand h1,.guest-hero h1{font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,6rem);line-height:.97;margin-bottom:28px}.auth-brand>p:last-child{max-width:580px;font-size:1.1rem;line-height:1.7;color:#eee}.auth-card{align-self:center;width:min(480px,84%);margin:auto;background:#fff;padding:42px;border-radius:28px;box-shadow:var(--shadow)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs button{flex:1;border:0;background:none;padding:14px 5px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);border-color:var(--accent)}.stack,.dialog-card{display:grid;gap:20px}label{display:grid;gap:8px;font-size:.84rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 15px;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(195,105,70,.1)}textarea{resize:vertical}.primary,.secondary{border:0;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer}.primary{color:#fff;background:var(--accent)}.primary:hover{background:var(--accent-dark)}.secondary{background:#f0ebe3;color:var(--ink)}.compact{padding:11px 16px}.text-button{border:0;background:none;color:var(--muted);cursor:pointer}.app-header,.guest-header{height:72px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.header-user{display:flex;align-items:center;gap:18px;font-size:.88rem}.header-user form{margin:0}.app-main{width:min(1180px,90vw);margin:0 auto;padding:58px 0 90px}.app-main.narrow{width:min(920px,90vw)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.page-heading h1{font-family:Playfair Display;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:8px}.page-heading p:last-child{color:var(--muted)}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.event-card,.participant-card,.notes-card,.overall-progress,.section-editor,.role-editor{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(48,40,30,.04)}.event-card{transition:.2s transform,.2s box-shadow}.event-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-top,.card-bottom,.section-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.pill{background:#f5e8e0;color:var(--accent-dark);padding:5px 10px;border-radius:100px;font-size:.72rem;font-weight:800}.date,.card-bottom,.section-title span{font-size:.8rem;color:var(--muted)}.event-card h2{margin:25px 0;font-size:1.3rem}.progress-line{height:7px;border-radius:20px;background:#ebe7df;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--accent);border-radius:inherit}.card-bottom{margin-top:11px}.empty-state{text-align:center;background:#fff;border:1px dashed #d8cfc2;border-radius:24px;padding:58px 24px}.empty-state p{max-width:530px;margin:0 auto;color:var(--muted)}.empty-icon{font-size:2rem;color:var(--accent);margin-bottom:14px}.templates-section{margin-top:58px}.section-heading h2{font-family:Playfair Display;font-size:2.2rem}.template-list{display:grid;gap:10px}.template-list>a{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.template-list>a>b{margin-left:auto}.template-list small{display:block;color:var(--muted);margin-top:3px}.template-icon{width:40px;height:40px;display:grid;place-items:center;background:#f3eee6;border-radius:10px;color:var(--accent)}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:rgba(29,26,23,.55);backdrop-filter:blur(3px)}.dialog-card{position:relative;background:#fff;width:min(460px,90vw);padding:34px;border-radius:22px}.dialog-card h2{font-family:Playfair Display;font-size:2rem}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:1.7rem;color:var(--muted)}.back-link,.back-home{display:inline-block;color:var(--muted);font-weight:700;margin-bottom:28px}.role-editor{margin-bottom:24px}.role-title{display:flex;align-items:center;gap:11px;margin-bottom:22px}.role-title h2{margin:0}.role-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#879bb3}.role-bride{background:#b78382}.section-editor{padding:20px;margin:14px 0;background:#fbfaf7}.section-title h3{margin:0}.question-list{list-style:none;padding:0;margin:15px 0;display:grid;gap:7px}.question-list li{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.question-list small{color:var(--muted)}.drag{color:#b4aea5}.inline-form{display:grid;gap:10px}.question-add{grid-template-columns:1.3fr .8fr}.question-add textarea,.question-add button{grid-column:1/-1}.section-add{grid-template-columns:1fr auto;margin-top:15px}.overall-progress{display:flex;align-items:center;gap:20px;margin-bottom:20px}.progress-circle{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--progress)*1%),#eee 0);position:relative}.progress-circle:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.progress-circle strong{position:relative}.overall-progress h2{margin:0 0 5px}.overall-progress p{margin:0;color:var(--muted)}.participant-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.participant-card h2{margin:10px 0 25px}.participant-card p{color:var(--muted);font-size:.82rem;margin:8px 0 0}.notes-card{margin-top:20px}.notes-card form{display:grid;gap:12px}.guest-header{position:sticky;top:0}.guest-main{width:min(900px,90vw);margin:auto;padding:64px 0}.guest-hero{text-align:center;max-width:730px;margin:0 auto 38px}.guest-hero h1{font-size:clamp(3rem,8vw,5rem);margin-bottom:16px}.guest-hero>p:last-child{color:var(--muted);line-height:1.7}.guest-progress{display:block}.guest-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:13px}.guest-progress small{display:block;color:var(--muted);margin-top:10px}.guest-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guest-role-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:250px;display:flex;flex-direction:column}.role-card-groom{background:linear-gradient(145deg,#fff,#edf2f6)}.role-card-bride{background:linear-gradient(145deg,#fff,#f6eeee)}.guest-role-card>p{font-size:.7rem;letter-spacing:.15em;color:var(--muted);font-weight:800;margin:22px 0 6px}.guest-role-card h2{font-family:Playfair Display;font-size:2.3rem}.guest-role-card small{color:var(--muted);margin-top:10px}.guest-role-card b{margin-top:auto;color:var(--accent)}.role-sticky{position:sticky;top:0;z-index:10;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(18px,4vw);border-bottom:1px solid var(--line)}.role-sticky strong{display:flex;gap:9px;align-items:center}.save-state{text-align:right;font-size:.78rem;color:var(--green)}.save-state[data-kind="saving"]{color:#9b754f}.save-state[data-kind="offline"]{color:#a33c32}.form-main{width:min(760px,90vw);margin:0 auto;padding:54px 0 90px}.form-intro{text-align:center;margin-bottom:48px}.form-intro h1{font-family:Playfair Display;font-size:clamp(2.4rem,7vw,4rem)}.form-intro>p:last-child{color:var(--muted)}.form-section{margin-bottom:50px}.form-section-title{display:flex;gap:15px;align-items:center;margin-bottom:18px}.form-section-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ede6dc;color:var(--accent);font-weight:800}.form-section-title h2,.form-section-title p{margin:0}.form-section-title p{color:var(--muted);font-size:.8rem;margin-top:3px}.question-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:12px}.question-card>label{font-size:1rem;margin-bottom:14px}.question-card textarea,.question-card>input{background:#fbfaf7}.choice-list{display:grid;gap:8px}.choice-list.choice-row{grid-template-columns:repeat(3,1fr)}.choice-list label{display:block}.choice-list input{display:none}.choice-list span{display:block;text-align:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfaf7;cursor:pointer}.choice-list input:checked+span{border-color:var(--accent);background:#f8e9e2;color:var(--accent-dark)}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:42vh;padding:50px 8vw}.auth-brand h1{font-size:3rem}.auth-card{margin:-28px auto 50px;position:relative}.page-heading{align-items:flex-start;gap:20px}.page-heading:not(.event-heading){flex-direction:column}.event-grid,.participant-grid,.guest-role-grid{grid-template-columns:1fr}.app-main{padding-top:36px}.header-user>span{display:none}.question-add,.section-add{grid-template-columns:1fr}.question-add>*{grid-column:auto}.role-sticky{grid-template-columns:1fr auto}.role-sticky>a{font-size:.8rem}.role-sticky strong{justify-self:end}.save-state{grid-column:1/-1;position:absolute;bottom:-24px;right:12px;background:#fff;padding:5px 9px;border-radius:20px;box-shadow:0 4px 15px #ddd}.choice-list.choice-row{grid-template-columns:1fr}.guest-main{padding-top:40px}}
.role-couple{background:#b49a62}.role-card-couple{background:linear-gradient(145deg,#fff,#f3efe3)}
@media(min-width:761px){.guest-role-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}