:root{--berry:#982e58;--berry-dark:#671d3c;--rose:#cf6388;--blush:#fae9ef;--cream:#fffaf7;--ink:#29242b;--muted:#7b7379;--line:#eadfe2;--green:#4d9870;--gold:#d3943c;--blue:#5f8ba3;--shadow:0 28px 80px rgba(76,31,49,.18);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fffaf7,#f8e7ed);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) 480px;align-items:center;justify-content:center;gap:8vw;padding:42px}.demo-notes{max-width:500px}.brand{display:flex;align-items:center;gap:9px;color:var(--berry);font-weight:900;font-size:1.7rem;letter-spacing:-.04em}.flower{font-size:1.9rem}.kicker{margin:75px 0 12px;text-transform:uppercase;letter-spacing:.14em;color:var(--berry);font-size:.73rem;font-weight:900}.demo-notes h1{font:500 clamp(3.7rem,6vw,6rem)/.96 Georgia,serif;letter-spacing:-.06em;margin:0}.intro{color:var(--muted);font-size:1.08rem;line-height:1.65;max-width:440px}.role-switch{display:flex;width:max-content;padding:5px;background:#eadfe2;border-radius:15px;margin:28px 0}.role{border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800;padding:11px 25px}.role.active{background:white;color:var(--berry);box-shadow:0 4px 14px rgba(64,30,44,.1)}.privacy-note{display:flex;align-items:center;gap:13px;margin-top:35px;padding:16px;border:1px solid #e6ccd6;border-radius:17px;background:rgba(255,255,255,.55)}.privacy-note>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:var(--berry);color:white;font-weight:900}.privacy-note div{display:grid}.privacy-note small{color:var(--muted);margin-top:4px;line-height:1.4}.demo-hint{font-size:.75rem;color:var(--muted);margin-top:16px}
.phone-stage{display:grid;place-items:center}.phone{position:relative;width:390px;height:820px;border:9px solid #272329;border-radius:52px;background:var(--cream);overflow:hidden;box-shadow:var(--shadow)}.phone:before{content:"";position:absolute;z-index:5;top:9px;left:50%;transform:translateX(-50%);width:110px;height:25px;background:#272329;border-radius:20px}.status{height:48px;padding:15px 25px 0;display:flex;justify-content:space-between;font-size:.69rem;font-weight:900}.screen{height:calc(100% - 124px);overflow:auto;padding:0 17px 25px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:76px;border-top:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px 13px}.nav-button{border:0;background:transparent;color:#9b9196;display:grid;place-items:center;gap:2px;font-size:.58rem}.nav-button svg{width:21px}.nav-button.active{color:var(--berry);font-weight:900}.nav-button.create{transform:translateY(-17px)}.nav-button.create svg{width:46px;height:46px;padding:12px;border-radius:16px;color:white;background:var(--berry);box-shadow:0 8px 18px rgba(152,46,88,.28)}
.app-head{display:flex;align-items:center;gap:10px;padding:11px 2px 17px}.app-head>div{display:grid;flex:1}.app-head h2{font-size:1.34rem;margin:2px 0;letter-spacing:-.035em}.app-head small{color:var(--muted)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f3ccd9;color:var(--berry-dark);font-size:.7rem;font-weight:900}.icon-btn{border:1px solid var(--line);background:white;color:var(--berry);width:39px;height:39px;border-radius:13px;display:grid;place-items:center}.eyebrow{font-size:.65rem;color:var(--berry);text-transform:uppercase;letter-spacing:.12em;font-weight:900}.hero-card{padding:18px;border-radius:22px;background:var(--berry);color:white;position:relative;overflow:hidden}.hero-card:after{content:"✿";position:absolute;right:-8px;bottom:-30px;font-size:7.5rem;color:rgba(255,255,255,.1)}.hero-card small{color:#f5c9d8}.hero-card h3{font:500 1.65rem/1.05 Georgia,serif;margin:8px 0}.hero-card p{font-size:.78rem;line-height:1.45;margin-bottom:0;color:#fbe7ee}.section-row{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 11px}.section-row h3{margin:0;font-size:1.02rem}.section-row button{border:0;background:transparent;color:var(--berry);font-size:.72rem;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick{border:1px solid var(--line);background:white;border-radius:16px;padding:13px 4px;display:grid;place-items:center;gap:6px;color:var(--berry)}.quick span{font-size:.67rem;color:var(--ink);font-weight:700}.card{border:1px solid var(--line);background:white;border-radius:20px;padding:15px;margin-bottom:11px;box-shadow:0 7px 20px rgba(73,43,55,.04)}.author{display:flex;align-items:center;gap:9px}.author>div{display:grid;flex:1}.author small,.muted{color:var(--muted)}.tag{font-size:.6rem;border-radius:99px;padding:5px 8px;background:var(--blush);color:var(--berry);font-weight:900}.photo{height:175px;border-radius:15px;margin:12px 0;background:linear-gradient(150deg,#e3ebd9,#eac9a4);display:flex;align-items:end;justify-content:space-around;padding:20px;font-size:3.25rem;overflow:hidden}.card p{font-size:.78rem;line-height:1.5}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem}.event-line{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.date{width:47px;height:51px;border-radius:13px;background:var(--blush);color:var(--berry);display:grid;place-items:center;line-height:1}.date strong{font-size:1.2rem}.date small{font-size:.55rem}.event-line>div:nth-child(2){display:grid}.event-line small{color:var(--muted);margin-top:3px}.chevron{color:var(--berry)}
.page-title{padding:12px 2px 16px}.page-title h2{margin:3px 0;font-size:1.55rem;letter-spacing:-.04em}.page-title p{color:var(--muted);font-size:.76rem;margin:0}.filter-row{display:flex;gap:7px;overflow:auto;margin-bottom:13px}.chip{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:99px;padding:8px 12px;color:var(--muted);font-size:.68rem}.chip.active{background:var(--berry);border-color:var(--berry);color:white;font-weight:800}.discovery-card{padding:0;overflow:hidden}.event-art{height:145px;display:grid;place-items:center;font-size:4rem;background:#f8e4d4}.event-art.green{background:#e1eee4}.event-art.blue{background:#e2edf2}.discovery-card>.body{padding:14px}.body h3{margin:8px 0 5px}.distance{display:flex;justify-content:space-between;color:var(--muted);font-size:.67rem}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{border:1px solid var(--line);background:white;border-radius:18px;overflow:hidden;text-align:left;padding:0}.product-art{height:115px;display:grid;place-items:center;background:#efe2dc;font-size:3rem}.product:nth-child(2) .product-art{background:#e9dce6}.product:nth-child(3) .product-art{background:#e2ebdd}.product:nth-child(4) .product-art{background:#ede7d5}.product .body{padding:11px;display:grid;gap:4px}.product strong{font-size:.8rem}.price{color:var(--berry);font-weight:900}.verified{font-size:.58rem;color:var(--green)}
.form-card label{display:grid;gap:6px;font-size:.68rem;font-weight:800;margin-bottom:13px}.form-card input,.form-card textarea,.form-card select{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;color:var(--ink);width:100%;outline:none}.form-card textarea{resize:none;min-height:85px}.upload{height:120px;border:1.5px dashed #d7a3b7;border-radius:15px;background:var(--blush);color:var(--berry);display:grid;place-items:center;text-align:center;font-size:.7rem;margin-bottom:14px}.upload svg{width:28px;height:28px;margin:auto}.consent-ok{display:flex;gap:10px;align-items:center;background:#eaf5ee;color:#376c4e;border-radius:13px;padding:11px;font-size:.68rem;line-height:1.35;margin:12px 0}.consent-ok>span{font-weight:900}.primary{border:0;background:var(--berry);color:white;border-radius:13px;padding:13px;font-weight:900;width:100%}.secondary{border:1px solid var(--berry);background:white;color:var(--berry);border-radius:13px;padding:11px;font-weight:800;width:100%}.attendance-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #f1e9eb}.attendance-row:last-child{border:0}.attendance-row>div{display:grid;flex:1}.attendance-row small{color:var(--muted)}.toggle-set{display:flex;gap:4px}.toggle-set button{border:0;border-radius:8px;padding:6px 7px;font-size:.6rem;background:#f2edef;color:var(--muted)}.toggle-set .present{background:#e5f3e9;color:var(--green);font-weight:900}.toggle-set .absent{background:#fbe5e7;color:#a8414a;font-weight:900}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.summary>div{display:grid;place-items:center;border-radius:14px;padding:11px;background:white;border:1px solid var(--line)}.summary strong{font-size:1.2rem}.summary small{color:var(--muted);font-size:.57rem}.profile-hero{text-align:center;padding:20px}.profile-hero .avatar{width:70px;height:70px;margin:auto;font-size:1rem}.profile-hero h3{margin:10px 0 3px}.profile-hero p{margin:0}.settings-list button{width:100%;border:0;background:white;border-bottom:1px solid var(--line);padding:14px 4px;display:flex;align-items:center;text-align:left}.settings-list button span:first-child{flex:1}.settings-list button span:last-child{color:var(--berry)}.storage{display:flex;gap:11px;align-items:center;background:var(--berry-dark);color:white;border-radius:17px;padding:14px;margin-top:13px}.storage>span{width:36px;height:36px;border-radius:11px;background:white;color:var(--berry);display:grid;place-items:center;font-weight:900}.storage div{display:grid}.storage small{color:#dbb7c5;margin-top:3px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;background:#272329;color:white;border-radius:99px;padding:11px 18px;font-size:.76rem;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){body{background:var(--cream);overflow:hidden}.demo-shell{display:block;padding:0}.demo-notes{position:fixed;z-index:12;top:0;left:0;right:0;max-width:none;background:white;border-bottom:1px solid var(--line);height:62px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.demo-notes .brand{font-size:1.35rem}.demo-notes .kicker,.demo-notes h1,.demo-notes .intro,.demo-notes .privacy-note,.demo-hint{display:none}.role-switch{margin:0}.role{padding:8px 15px}.phone-stage{padding-top:62px}.phone{position:fixed;inset:62px 0 0;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}.phone:before{display:none}.status{display:none}.screen{position:absolute;inset:0 0 calc(76px + env(safe-area-inset-bottom)) 0;height:auto;padding-top:8px;padding-bottom:24px}.bottom-nav{position:fixed;z-index:15;bottom:0;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:calc(13px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(76,31,49,.08)}.toast{bottom:calc(92px + env(safe-area-inset-bottom))}}
@media(min-width:851px) and (max-height:900px){.phone{height:760px}.kicker{margin-top:30px}}