*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFFDFE;color:#594B52;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}body.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.container{width:min(1280px,calc(100% - 40px));margin:auto}.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}.skip-link{position:fixed;z-index:3000;top:8px;left:8px;transform:translateY(-160%);background:#fff;color:#D23B70;border:2px solid #F45B8C;padding:8px 14px;border-radius:10px}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:1000}.desktop-nav-wrap{height:72px;background:rgba(255,253,254,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(70,45,60,.08)}.desktop-nav{height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;min-width:145px}.brand img{max-width:130px;max-height:46px;object-fit:contain}.brand-text{display:grid;line-height:1.1}.brand-text strong{color:#3B2D34;font-size:20px}.brand-text small{margin-top:5px;color:#A4979D;font-size:9px;letter-spacing:.13em}.desktop-links{display:flex;align-items:center;gap:3px;flex:1;white-space:nowrap}.desktop-links a,.text-action,.app-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:999px;font-size:14px}.desktop-links a:hover,.text-action:hover{background:#FFF0F5;color:#D23B70}.desktop-links .is-active,.text-action.is-active{background:#FFF0F5;color:#D23B70;font-weight:800}.desktop-actions{display:flex;align-items:center;gap:5px}.app-action{color:#fff;background:linear-gradient(135deg,#FF89AC 0%,#F45B8C 52%,#DE4276 100%);font-weight:800;padding-inline:17px;box-shadow:0 8px 22px rgba(244,91,140,.18)}.icon-button{border:0;background:transparent;color:#3B2D34;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:22px}.icon-button:hover{background:#FFF0F5;color:#D23B70}.mobile-topbar,.mobile-bottom-nav{display:none}main{min-height:55vh}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#E9477C;letter-spacing:.14em}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#F45B8C}.standard-hero{padding:66px 0 38px;background:linear-gradient(180deg,#FFF8FA,#FFFDFE)}.standard-hero h1,.page-hero h1{margin:8px 0 16px;color:#3B2D34;font-size:clamp(40px,5vw,66px);line-height:1.08}.lead{max-width:850px;color:#84757C;font-size:17px}.content-section{padding:76px 0}.soft-section{background:#FFF8FA}.pink-section{background:#FFF0F5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{margin:6px 0 0;color:#3B2D34;font-size:clamp(28px,3.2vw,46px);line-height:1.2}.section-heading p{margin:0;max-width:600px;color:#84757C}.section-link{color:#D23B70;font-weight:800}.section-link:hover{text-decoration:underline}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{display:inline-flex;align-items:center;min-height:30px;padding:3px 10px;background:#FFF0F5;color:#D23B70;border:1px solid rgba(244,91,140,.14);border-radius:999px;font-size:12px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:999px;font-weight:900;white-space:nowrap}.primary-link{color:#fff;background:linear-gradient(135deg,#FF89AC 0%,#F45B8C 52%,#DE4276 100%);box-shadow:0 16px 42px rgba(244,91,140,.16)}.secondary-link{background:#fff;color:#D23B70;border:1px solid rgba(244,91,140,.22)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.image-frame{overflow:hidden;border-radius:26px;background:#FFF0F5;box-shadow:0 14px 36px rgba(86,52,66,.08)}.image-frame img{width:100%;height:100%;object-fit:cover}.media-fallback{min-height:280px;border-radius:26px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9),transparent 35%),linear-gradient(145deg,#FFD5E3,#FFF1F6 48%,#FFE7F0);position:relative;overflow:hidden}.media-fallback:before,.media-fallback:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.7);pointer-events:none}.media-fallback:before{width:120px;height:120px;right:12%;top:14%}.media-fallback:after{width:46px;height:46px;left:15%;bottom:18%}.long-note{margin-top:26px;padding:24px 26px;border-radius:20px;background:#FFF0F5;color:#6F5D66}.long-note strong{color:#3B2D34}
/* home */.home-hero{padding:42px 0 32px;background:linear-gradient(180deg,#FFF8FA,#FFFDFE)}.cover-stage{display:grid;grid-template-columns:.78fr 1.18fr .68fr;gap:22px}.cover-intro,.inspiration-rail{border-radius:26px;padding:28px;background:#fff;border:1px solid rgba(244,91,140,.12);box-shadow:0 14px 36px rgba(86,52,66,.06)}.cover-intro{display:flex;flex-direction:column;justify-content:center}.cover-intro h1{margin:10px 0 16px;color:#3B2D34;font-size:clamp(36px,4.5vw,62px);line-height:1.08}.cover-intro p{margin:0 0 22px;color:#84757C}.cover-media{min-height:600px;position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#FFD5E3,#FFF1F6);box-shadow:0 16px 42px rgba(244,91,140,.16)}.cover-media img{width:100%;height:100%;object-fit:cover}.cover-media .fallback-word{position:absolute;left:30px;bottom:34px;color:#3B2D34;font-size:clamp(32px,4vw,58px);font-weight:900;line-height:1.05}.inspiration-rail h2{margin:0 0 8px;color:#3B2D34;font-size:19px}.inspiration-item{padding:17px 0;border-top:1px solid rgba(70,45,60,.08)}.inspiration-item:first-of-type{border-top:0}.inspiration-item strong{display:block;color:#3B2D34;font-size:14px}.inspiration-item p{margin:4px 0 6px;color:#84757C;font-size:12px;line-height:1.65}.inspiration-item a{font-size:12px;color:#D23B70;font-weight:800}.channel-strip-wrap{background:#FFF0F5;border-block:1px solid rgba(244,91,140,.09)}.channel-strip{display:flex;overflow-x:auto}.channel-strip a{flex:1 0 auto;min-width:150px;display:flex;align-items:center;justify-content:center;gap:9px;padding:17px 20px;font-size:13px}.channel-strip a:before{content:"";width:6px;height:6px;background:#F45B8C;border-radius:50%;opacity:.4}.channel-strip a:hover{color:#D23B70}.channel-strip a:hover:before{opacity:1}
/* layouts */.film-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.film-card{position:relative;padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(244,91,140,.12);box-shadow:0 14px 36px rgba(86,52,66,.05)}.film-card:before,.film-card:after{content:"";position:absolute;left:10px;right:10px;height:5px;background:repeating-linear-gradient(90deg,rgba(244,91,140,.18) 0 9px,transparent 9px 17px)}.film-card:before{top:7px}.film-card:after{bottom:7px}.film-time{color:#E9477C;font-size:12px;font-weight:900}.film-card h3{color:#3B2D34;margin:8px 0;font-size:20px}.film-card p{font-size:13px;color:#84757C}.magazine-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:16px}.magazine-story{border-radius:25px;padding:26px;background:#fff;border:1px solid rgba(244,91,140,.12)}.magazine-story:first-child{grid-row:span 2;background:linear-gradient(155deg,#FFF0F5,#fff)}.magazine-story h3{margin:6px 0 10px;color:#3B2D34;font-size:22px}.magazine-story p{margin:0;color:#84757C;font-size:13px}.polaroid-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.polaroid{background:#fff;padding:12px 12px 24px;border:1px solid rgba(70,45,60,.08);box-shadow:0 12px 30px rgba(86,52,66,.08);transform:rotate(var(--r,0deg))}.polaroid:nth-child(2n){--r:1.2deg}.polaroid:nth-child(3n){--r:-1deg}.polaroid-photo{height:180px;background:linear-gradient(145deg,#FFD5E3,#FFF8FA);overflow:hidden}.polaroid-photo img{width:100%;height:100%;object-fit:cover}.polaroid h3{margin:18px 8px 6px;color:#3B2D34}.polaroid p{margin:0 8px;color:#84757C;font-size:13px}.city-day{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,91,140,.13);border-radius:24px;overflow:hidden}.city-stop{padding:28px;background:#fff}.city-stop time{color:#E9477C;font-size:12px;font-weight:800}.city-stop h3{color:#3B2D34;font-size:20px;margin:8px 0}.city-stop p{color:#84757C;font-size:13px}.postcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.postcard{min-height:260px;padding:24px;border-radius:20px;background:#fff;border:1px solid rgba(244,91,140,.16);position:relative;overflow:hidden}.postcard:after{content:"POSTCARD";position:absolute;right:-16px;top:18px;transform:rotate(8deg);font-size:10px;letter-spacing:.2em;color:#E9477C;border:1px solid rgba(244,91,140,.25);padding:6px 12px;border-radius:8px}.postcard h3{margin:40px 0 10px;color:#3B2D34}.postcard p{color:#84757C;font-size:13px}.diary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(70,45,60,.08);border-radius:24px;overflow:hidden}.diary-entry{background:#FFFDF8;padding:30px 32px;background-image:linear-gradient(to bottom,transparent 31px,rgba(244,91,140,.08) 32px);background-size:100% 32px}.diary-entry h3{margin:0 0 12px;color:#3B2D34}.diary-entry p{margin:0;color:#6D5E65;font-size:13px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shoot-note{padding:24px;border-radius:21px;background:#fff;border:1px solid rgba(244,91,140,.14)}.note-no{color:#F45B8C;font-size:12px;font-weight:900}.shoot-note h3{margin:8px 0 10px;color:#3B2D34}.shoot-note p{margin:0;color:#84757C;font-size:13px}.mosaic-grid,.vlog-matrix{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.mosaic-card,.vlog-tile{grid-column:span 4;min-height:220px;padding:24px;border-radius:23px;background:#fff;border:1px solid rgba(244,91,140,.13)}.mosaic-card:nth-child(1),.mosaic-card:nth-child(6),.vlog-tile:nth-child(1),.vlog-tile:nth-child(5){grid-column:span 7}.mosaic-card:nth-child(2),.mosaic-card:nth-child(5),.vlog-tile:nth-child(2),.vlog-tile:nth-child(6){grid-column:span 5}.mosaic-card h3,.vlog-tile h3{margin:6px 0 9px;color:#3B2D34}.mosaic-card p,.vlog-tile p{margin:0;color:#84757C;font-size:13px}.vlog-tile{display:flex;flex-direction:column;justify-content:end;background:linear-gradient(155deg,#fff,#FFF8FA)}.scrapbook{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.scrap-item{background:#fff;border:1px solid rgba(70,45,60,.08);padding:22px;border-radius:8px 22px 12px 24px;box-shadow:0 10px 24px rgba(86,52,66,.06);position:relative}.scrap-item:nth-child(2n){margin-top:28px}.scrap-item:before{content:"";position:absolute;width:48px;height:14px;top:-8px;left:50%;transform:translateX(-50%) rotate(-2deg);background:rgba(255,213,227,.75)}.scrap-item h3{color:#3B2D34}.scrap-item p{font-size:13px;color:#84757C}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bench-step{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(70,45,60,.08)}.bench-step b{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#FFF0F5;color:#D23B70}.bench-step h3{margin:0 0 6px;color:#3B2D34}.bench-step p{margin:0;color:#84757C;font-size:13px}.discussion-list{display:grid;gap:12px}.discussion{display:grid;grid-template-columns:minmax(190px,.65fr) 1.4fr auto;gap:24px;align-items:center;padding:22px 24px;background:#fff;border-radius:20px;border:1px solid rgba(244,91,140,.12)}.discussion h3{margin:0;color:#3B2D34}.discussion p{margin:0;color:#84757C;font-size:13px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle{padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(244,91,140,.13)}.principle b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#FFF0F5;color:#D23B70}.principle h3{margin:12px 0 8px;color:#3B2D34}.principle p{margin:0;color:#84757C;font-size:13px}.steps-list{counter-reset:step;display:grid;gap:14px}.step-card{counter-increment:step;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px;border-radius:20px;background:#fff;border:1px solid rgba(70,45,60,.08)}.step-card:before{content:counter(step,decimal-leading-zero);width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#FFF0F5;color:#D23B70;font-weight:900}.step-card h3{margin:0 0 7px;color:#3B2D34}.step-card p{margin:0;color:#84757C}.risk-layout,.privacy-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:26px;align-items:start}.risk-aside,.privacy-aside{position:sticky;top:100px;padding:26px;border-radius:24px;background:#FFF0F5}.risk-aside h1,.privacy-aside h1{margin:8px 0 12px;color:#3B2D34;font-size:40px}.risk-list,.privacy-list{display:grid;gap:12px}.risk-card,.privacy-card{padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(244,91,140,.13)}.risk-card h2,.privacy-card h2{margin:0 0 8px;color:#3B2D34;font-size:19px}.risk-card p,.privacy-card p{margin:0;color:#84757C;font-size:13px}.safety-banner,.privacy-banner{padding:22px 24px;border-radius:20px;background:#fff;border:1px solid rgba(244,91,140,.15);margin-top:20px}.rules-book{display:grid;grid-template-columns:220px 1fr;gap:28px}.rules-index{position:sticky;top:100px;display:grid;gap:7px;padding:20px;border-radius:20px;background:#FFF0F5}.rules-index a{padding:8px 10px;border-radius:10px;font-size:13px}.rules-index a:hover{background:#fff;color:#D23B70}.rules-content{display:grid;gap:16px}.rule-chapter{padding:28px;border-radius:22px;background:#fff;border:1px solid rgba(70,45,60,.08)}.rule-chapter h2{color:#3B2D34}.help-map{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.help-card,.contact-lane,.about-chapter{padding:24px;border-radius:21px;background:#fff;border:1px solid rgba(244,91,140,.13)}.help-card h2,.contact-lane h2,.about-chapter h2{margin:7px 0;color:#3B2D34}.help-card p,.contact-lane p,.about-chapter p{color:#84757C;font-size:13px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid rgba(244,91,140,.14);border-radius:18px;background:#fff;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;color:#3B2D34;font-weight:800;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0;color:#D23B70;font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 0 20px;color:#84757C}.contact-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.about-story,.app-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}.about-lead{position:sticky;top:100px}.about-lead h1{font-size:clamp(42px,5vw,72px);line-height:1.05;color:#3B2D34}.about-chapters{display:grid;gap:14px}.feature-quads{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.feature-quads div{padding:16px;border-radius:16px;background:#FFF0F5;font-weight:800}.phone-card{min-height:540px;border-radius:42px;background:linear-gradient(180deg,#3B2D34,#6F4859);padding:12px;box-shadow:0 28px 60px rgba(86,52,66,.18)}.phone-screen{height:100%;min-height:516px;border-radius:33px;background:linear-gradient(150deg,#FFF0F5,#fff);overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover}
/* overlays */.overlay{position:fixed;inset:0;z-index:1400;background:rgba(49,30,40,.36);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.discover-panel{position:fixed;z-index:1500;right:0;top:0;height:100dvh;width:min(500px,92vw);background:#FFFDFE;box-shadow:-22px 0 60px rgba(86,52,66,.16);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:.28s;overflow:auto;padding:20px}.discover-panel.is-open{transform:none;visibility:visible;pointer-events:auto}.panel-handle{display:none}.panel-head{position:sticky;top:-20px;z-index:2;background:rgba(255,253,254,.96);display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px}.panel-brand{display:flex;align-items:center;gap:10px;color:#3B2D34}.panel-brand img{max-width:112px;max-height:40px;object-fit:contain}.discover-groups{display:grid;gap:24px;padding:8px 0 26px}.discover-groups section{display:grid;gap:7px}.discover-groups h2{margin:0;color:#D23B70;font-size:13px}.discover-groups a{display:grid;gap:2px;padding:10px 12px;border-radius:15px}.discover-groups a:hover{background:#FFF0F5}.discover-groups strong{font-size:14px;color:#3B2D34}.discover-groups span{font-size:12px;color:#84757C}.search-panel{position:fixed;z-index:1600;top:72px;left:0;right:0;max-height:calc(100dvh - 72px);overflow:auto;background:#FFFDFE;border-bottom:1px solid rgba(244,91,140,.14);box-shadow:0 26px 60px rgba(86,52,66,.12);transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none;transition:.26s}.search-panel.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.search-shell{padding:32px 0 42px}.search-head{display:flex;justify-content:space-between;gap:20px}.search-head h2{margin:5px 0 18px;color:#3B2D34}.search-box input{width:100%;height:56px;border-radius:17px;border:1px solid rgba(244,91,140,.2);background:#FFF8FA;padding:0 18px;outline:none}.search-box input:focus{border-color:#F45B8C;box-shadow:0 0 0 4px rgba(244,91,140,.1)}.search-topics{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0 24px}.search-topics span{font-size:12px;color:#84757C}.search-topics button{border:0;background:#FFF0F5;color:#D23B70;border-radius:999px;padding:7px 12px;cursor:pointer}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.search-results a{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(70,45,60,.08);border-radius:14px;background:#fff}.search-results a:hover{background:#FFF8FA}.search-results strong{color:#3B2D34;font-size:14px}.search-results span{color:#84757C;font-size:12px}.search-empty{padding:18px;border-radius:14px;background:#FFF0F5;color:#84757C}
/* footer */.site-footer{background:#3B2631;color:#FFF0F5;padding:62px 0 110px}.footer-grid{display:grid;grid-template-columns:2.2fr repeat(4,1fr);gap:36px}.footer-brand p{color:rgba(255,240,245,.78);font-size:14px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{max-height:44px;max-width:130px;object-fit:contain}.footer-logo span{display:grid;line-height:1.15}.footer-logo small{font-size:9px;letter-spacing:.16em;margin-top:5px}.site-footer nav{display:grid;align-content:start;gap:7px}.site-footer nav h2{font-size:14px;margin:0 0 8px;color:#fff}.site-footer nav a{font-size:13px;color:rgba(255,240,245,.74)}.site-footer nav a:hover{color:#fff}.footer-note{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:24px;display:flex;justify-content:space-between;gap:24px;color:rgba(255,240,245,.62);font-size:12px}.footer-note p{margin:0;max-width:800px}:focus-visible{outline:3px solid rgba(244,91,140,.35);outline-offset:3px}
@media(max-width:1120px){.desktop-nav{gap:8px}.desktop-links a{padding-inline:8px;font-size:13px}.brand{min-width:130px}.search-results{grid-template-columns:repeat(3,1fr)}.cover-stage{grid-template-columns:.75fr 1.25fr}.inspiration-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.inspiration-rail h2{grid-column:1/-1}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-brand{grid-row:span 2}.film-timeline,.city-day,.help-map{grid-template-columns:repeat(2,1fr)}.magazine-grid{grid-template-columns:1fr 1fr}.scrapbook{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav-wrap{display:none}.mobile-topbar{height:64px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;background:rgba(255,253,254,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(70,45,60,.08);padding:0 8px}.mobile-brand{justify-self:center;font-weight:900;color:#3B2D34}.mobile-brand img{max-height:42px;max-width:130px;object-fit:contain}.search-panel{top:0;height:100dvh;max-height:none}.search-shell{width:min(100% - 30px,760px);padding:20px 0 90px}.search-results{grid-template-columns:repeat(2,1fr)}.cover-stage{grid-template-columns:1fr}.cover-intro{order:1}.cover-media{order:2;min-height:460px}.inspiration-rail{order:3;grid-template-columns:repeat(2,1fr)}.mosaic-card,.vlog-tile,.mosaic-card:nth-child(n),.vlog-tile:nth-child(n){grid-column:span 6}.polaroid-wall,.postcard-grid,.note-grid,.principle-grid{grid-template-columns:repeat(2,1fr)}.discussion{grid-template-columns:1fr}.app-showcase,.risk-layout,.privacy-layout,.about-story{grid-template-columns:1fr}.risk-aside,.privacy-aside,.about-lead{position:static}.rules-book{grid-template-columns:1fr}.rules-index{position:static;grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-note{display:grid}.mobile-bottom-nav{position:fixed;z-index:1100;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);min-height:58px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(244,91,140,.14);border-radius:20px;box-shadow:0 16px 42px rgba(86,52,66,.14);overflow:hidden}.mobile-bottom-nav a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#84757C}.mobile-bottom-nav b{font-size:10px}.mobile-bottom-nav a.is-active{color:#D23B70;background:#FFF0F5}.discover-panel{top:auto;bottom:0;width:100%;height:auto;max-height:88dvh;border-radius:26px 26px 0 0;transform:translateY(105%);padding:12px 18px calc(84px + env(safe-area-inset-bottom))}.panel-handle{display:block;width:44px;height:5px;margin:2px auto 6px;border-radius:99px;background:rgba(70,45,60,.18)}.panel-head{top:-12px}.discover-groups{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:120px}}
@media(max-width:640px){.container{width:calc(100% - 30px)}.cover-intro h1{font-size:42px}.cover-media{min-height:390px}.inspiration-rail{grid-template-columns:1fr}.section-heading{display:grid}.film-timeline,.city-day,.magazine-grid,.polaroid-wall,.postcard-grid,.diary-grid,.note-grid,.principle-grid,.help-map,.contact-lanes,.workbench{grid-template-columns:1fr}.mosaic-card,.vlog-tile,.mosaic-card:nth-child(n),.vlog-tile:nth-child(n){grid-column:1/-1}.scrapbook{grid-template-columns:1fr}.scrap-item:nth-child(2n){margin-top:0}.feature-quads{grid-template-columns:1fr}.rules-index{grid-template-columns:1fr 1fr}.search-results{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.discover-groups{grid-template-columns:1fr}.content-section{padding:52px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}