@font-face{font-family:Roboto;src:url('assets/Roboto.ttf')}@font-face{font-family:Roboto;src:url('assets/Roboto-Bold.ttf');font-weight:700}@font-face{font-family:Walter;src:url('assets/Walter.ttf')}
:root{--blue:#00aff0;--blue-dark:#0098d2;--ink:#242529;--muted:#8a96a3;--line:#e8edf1;--pale:#f6f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.45 Roboto,Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:var(--blue-dark);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e99b66;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.icon-library{width:0;height:0;position:absolute;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app{display:grid;grid-template-columns:232px minmax(0,640px) 324px;max-width:1196px;margin:auto;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 23px 20px 4px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:5px;color:var(--blue);border:0;background:none;padding:5px 0 28px;text-align:left;font-size:29px;font-weight:700;letter-spacing:-1.9px;font-style:italic;white-space:nowrap}.doodles-word{font-family:Walter,cursive;font-weight:400;font-size:26px;letter-spacing:-1.9px}.logo-lock{width:23px;height:29px;position:relative;display:block}.logo-lock svg{width:27px;height:27px;stroke-width:2.1;transform:rotate(-13deg)}.logo-lock>span{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;right:0;bottom:2px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:20px;position:relative;text-align:left;width:100%;border:0;background:none;padding:15px 12px;border-radius:30px;color:#6d7884;font-size:19px}.nav-item svg{width:25px;height:25px;stroke-width:1.8}.nav-item:hover{background:#f0faff;color:var(--blue-dark)}.nav-item.active{color:var(--ink);font-weight:700}.notice-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);left:30px;top:12px;border:2px solid white}.primary{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--blue);color:#fff;border:0;border-radius:26px;padding:14px 22px;font-size:14px;font-weight:700;letter-spacing:.35px}.primary:hover{background:var(--blue-dark)}.sidebar-cta{margin:22px 4px 0 0}.sidebar-cta svg{width:20px;height:20px}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:25px 9px 8px}.sidebar-bottom img{width:41px;height:41px;background:#eefaff;border-radius:50%;padding:4px}.sidebar-bottom strong{display:block;font-size:13px;font-weight:700}.sidebar-bottom span{color:var(--muted);font-size:12px}.fineprint{display:flex;align-items:center;gap:6px;font-size:10px;color:#a0a9b2;padding:11px 8px}.fineprint button,.right-footer button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.fineprint button:hover,.right-footer button:hover{text-decoration:underline}.upright{transform:rotate(90deg)}
.main-column{border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.profile-header{height:72px;display:flex;align-items:center;gap:23px;padding:10px 18px;background:#ffffffed;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);border-bottom:1px solid #f5f7f9}.icon-button{border:0;background:none;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:#8995a2;flex-shrink:0}.icon-button:hover{color:var(--blue-dark);background:#eefaff}.profile-header>.icon-button{color:#2c3238}.profile-header h1{font-size:20px;margin:0;font-weight:700;line-height:1.3}.profile-header span{font-size:12px;color:var(--muted)}.header-more{margin-left:auto}.cover{height:194px;position:relative;overflow:hidden;background:#e2f4fc}.cover:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #fff9;border-radius:50%;left:190px;top:-90px;pointer-events:none}.cover-word{font-family:Walter,cursive;font-size:32px;line-height:1.2;color:#478398;position:absolute;left:31px;top:31px;transform:rotate(-5deg);z-index:1;letter-spacing:-1.5px}.cover-word small{font:10px/1.5 Roboto,sans-serif;display:block;letter-spacing:2px;margin-top:12px;text-transform:uppercase}.cover img{position:absolute;object-fit:contain;filter:drop-shadow(0 5px 2px #658aaa0b)}.cover .cover-a{width:143px;height:143px;right:25px;top:25px;transform:rotate(-13deg)}.cover .cover-b{width:100px;height:100px;right:166px;top:83px;transform:rotate(15deg)}.cover .cover-c{width:64px;height:64px;right:206px;top:11px;transform:rotate(20deg)}.cover .cover-d{width:50px;height:50px;left:250px;bottom:11px;transform:rotate(-16deg)}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(#81b1c311 1px,transparent 1px),linear-gradient(90deg,#81b1c311 1px,transparent 1px);background-size:38px 38px}.profile-info{padding:0 20px 22px}.profile-top{display:flex;justify-content:space-between;align-items:flex-start;height:61px}.profile-avatar{width:104px;height:104px;border:5px solid white;background:#fff5ef;border-radius:50%;display:grid;place-items:center;margin-top:-52px;position:relative;z-index:2;box-shadow:0 0 0 1px #f1f4f6}.profile-avatar img{width:78px;height:78px;object-fit:contain}.profile-tools{display:flex;align-items:center;gap:7px;margin-top:13px}.round-tool{border:1px solid #dfe9ee;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:white;color:var(--blue)}.round-tool svg{width:18px;height:18px}.round-tool:hover{background:#effaff}.profile-name{font-size:22px;font-weight:700;display:flex;align-items:center;gap:7px;margin:0;line-height:1.4}.verified{display:inline-grid;place-items:center;background:var(--blue);color:#fff;width:17px;height:17px;clip-path:polygon(50% 0%,61% 8%,75% 7%,82% 19%,95% 25%,93% 40%,100% 50%,92% 61%,93% 75%,80% 82%,75% 95%,60% 93%,50% 100%,39% 92%,25% 93%,18% 80%,5% 75%,7% 60%,0% 50%,8% 39%,7% 25%,20% 18%,25% 5%,40% 7%)}.verified svg{width:12px;height:12px;stroke-width:3}.handle{color:var(--muted);font-size:13px;margin:1px 0 13px}.bio{margin:0;font-size:14px;line-height:1.65}.profile-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:13px}.profile-meta{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:12px;margin:15px 0 19px}.profile-meta b{font-weight:700;color:#576574}.profile-meta svg{width:15px;height:15px;vertical-align:-3px;margin-right:4px}.subscription-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:#8b98a4;font-size:11px;font-weight:700;letter-spacing:.55px}.subscription-label span:last-child{font-size:10px;font-weight:400;letter-spacing:0}.subscribe-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:25px;background:var(--blue);color:white;padding:14px 18px;font-size:13px;font-weight:700;letter-spacing:.25px}.subscribe-button:hover{background:var(--blue-dark)}.subscribe-button span{display:flex;align-items:center;gap:10px}.subscribe-button svg{width:17px;height:17px}.subscribe-button>span:last-child{font-size:11px;font-weight:400}.feed-tabs{display:flex;border-top:7px solid var(--pale);border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:9;background:#fff}.feed-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;background:none;border:0;padding:18px 5px 15px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.4px;position:relative}.feed-tabs button svg{width:15px;height:15px}.feed-tabs button[aria-selected=true]{color:var(--ink)}.feed-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.feed-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 18px 7px;color:#95a0ac;font-size:11px;font-weight:700;letter-spacing:.5px}.feed-heading svg{width:17px;height:17px}.post{border-bottom:7px solid var(--pale);padding-top:3px}.post-head{display:flex;align-items:center;gap:10px;padding:9px 19px 12px}.mini-avatar{width:43px;height:43px;border-radius:50%;background:#f3f8fa;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.mini-avatar img{width:34px;height:34px;object-fit:contain}.post-author{font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;line-height:1.4}.post-author .verified{width:14px;height:14px}.post-handle{font-size:12px;color:var(--muted)}.post-date{font-size:12px;color:#a1aab3;margin-left:auto;white-space:nowrap}.post-head .icon-button{margin-right:-8px}.post-copy{font-size:14px;line-height:1.6;margin:0;padding:0 20px 14px}.post-copy a{color:var(--blue-dark)}.post-media{width:100%;position:relative;overflow:hidden;display:block;aspect-ratio:1.43;background:#ffefed;border:0;text-align:left;padding:0;color:#854e49;cursor:zoom-in}.media-kicker{position:absolute;top:25px;left:28px;font-size:10px;letter-spacing:1.7px;font-weight:700;z-index:2}.media-title{position:absolute;left:31px;top:85px;font-family:Walter,cursive;font-size:46px;line-height:1.15;letter-spacing:-3px;transform:rotate(-6deg);z-index:2}.post-media .hero-doodle{position:absolute;width:49%;height:72%;object-fit:contain;right:23px;top:39px;filter:drop-shadow(0 12px 5px #b85e5a0b);transition:transform .22s}.post-media:hover .hero-doodle{transform:rotate(5deg) translateY(-5px)}.post-media .media-note{position:absolute;left:29px;bottom:25px;font-size:11px;letter-spacing:.2px;z-index:2}.media-sticker{position:absolute;width:75px;height:75px;right:39px;bottom:20px;transform:rotate(15deg);object-fit:contain}.post-media:after{content:'';position:absolute;left:22px;right:22px;top:21px;bottom:20px;border:1px solid currentColor;border-radius:45% 47% 44% 46%;opacity:.13;transform:rotate(-8deg);pointer-events:none}.media-fish{background:#e5f8fc;color:#2d7b90}.media-fish .hero-doodle{width:48%;height:66%;right:30px;top:60px;transform:rotate(-8deg)}.media-fish .media-title{font-size:40px;top:96px}.locked-media{background:#f0f8fb;aspect-ratio:1.62;cursor:pointer}.locked-media:after{display:none}.locked-preview{position:absolute;inset:-20px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;filter:blur(8px);opacity:.35;transform:rotate(-9deg) scale(1.12)}.locked-preview img{width:100%;height:110px;object-fit:contain}.lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#f8fcff44;color:#3c5668;z-index:2}.lock-overlay>svg{width:37px;height:37px;stroke-width:1.6;margin-bottom:12px;color:#5e829b}.lock-overlay strong{font-size:20px;font-weight:700}.lock-overlay p{font-size:12px;margin:5px 0 18px;color:#6b8a9f}.lock-overlay .unlock-pill{font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 25px;background:var(--blue);color:white;border-radius:22px}.post-actions{display:flex;align-items:center;gap:11px;padding:11px 14px 3px}.post-actions button{width:34px;height:34px;border:0;background:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#788694}.post-actions button:hover{background:#edfaff;color:var(--blue)}.post-actions button.active{color:var(--blue)}.post-actions .like.active{color:#ed5c88}.post-actions .like.active svg{fill:#ed5c8820}.post-actions .save{margin-left:auto}.action-label{font-size:12px;color:#83909b;padding:0 20px 13px;min-height:29px}.feed-end{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:29px 20px 38px;text-align:center;color:#95a1ad;font-size:12px}.feed-end svg{color:var(--blue);width:23px;height:23px}.feed-end a{font-size:12px}.empty-state{padding:40px 20px 55px;text-align:center}.empty-state img{width:85px;height:85px;object-fit:contain;margin-bottom:10px}.empty-state h3{font-size:18px;margin:0 0 8px}.empty-state p{font-size:13px;color:var(--muted);margin:0}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding-bottom:20px}.media-grid button{border:0;background:#fff3ef;aspect-ratio:1;padding:20px;cursor:zoom-in;overflow:hidden}.media-grid button:nth-child(2n){background:#edf9ff}.media-grid button:nth-child(3n){background:#fff8e8}.media-grid img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.media-grid button:hover img{transform:scale(1.12)}
.right-column{padding:23px 0 0 26px;position:sticky;top:0;height:max-content;max-height:100vh;overflow:auto;scrollbar-width:none}.search-field{position:relative;display:block}.search-field input{width:100%;background:#f6f8fa;border:1px solid transparent;border-radius:24px;padding:13px 40px 13px 17px;color:var(--ink);font-size:13px}.search-field input:focus{background:#fff;border-color:var(--blue);outline:none}.search-field input::placeholder{color:#99a5b1}.search-field svg{position:absolute;right:14px;top:12px;width:20px;height:20px;color:#9aa5af;pointer-events:none}.recommend-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:7px}.recommend-head h2{font-size:12px;letter-spacing:.6px;font-weight:700;color:#8a97a4;margin:0}.recommend-head .icon-button{width:27px}.suggestion{width:100%;border:1px solid #e2eaf0;border-radius:10px;overflow:hidden;background:white;text-align:left;padding:0;margin:0 0 12px;display:block;position:relative;color:var(--ink)}.suggestion:hover{border-color:var(--blue);box-shadow:0 3px 14px #00aff010}.suggestion-cover{height:76px;position:relative;overflow:hidden;background:#e6f5fb}.suggestion-cover img{position:absolute;width:112px;height:112px;object-fit:contain;right:18px;top:-17px;transform:rotate(-18deg);opacity:.8}.suggestion-cover img+img{width:75px;height:75px;left:25px;top:0;transform:rotate(20deg);opacity:.6}.suggestion-cover .follow-mark{position:absolute;top:9px;right:9px;background:#ffffffc9;backdrop-filter:blur(5px);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;color:#6c9aaf;font-size:20px;z-index:2}.suggestion-details{height:67px;padding:10px 10px 10px 84px;position:relative}.suggestion-avatar{position:absolute;width:62px;height:62px;left:11px;top:-16px;background:white;border:3px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px #eaf0f4}.suggestion-avatar img{width:45px;height:45px;object-fit:contain}.suggestion-name{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700}.suggestion-name .verified{width:13px;height:13px}.suggestion-handle{font-size:11px;color:#9aa5af;margin-top:2px}.little-ad{border-radius:11px;background:#f7faff;padding:23px 18px;text-align:center;margin-top:23px;border:1px solid #edf2f6}.little-ad img{width:35px;height:35px;object-fit:contain;transform:rotate(-12deg);margin-bottom:5px}.little-ad span{display:block;color:#8b9bad;font-size:12px}.little-ad strong{display:block;font-family:Walter,cursive;color:#50708a;font-size:23px;line-height:1.5;font-weight:400;letter-spacing:-.8px}.little-ad a{display:inline-block;font-size:11px;margin-top:11px;font-weight:700}.right-footer{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px;padding:0 2px;color:#a1aab4;font-size:10px}.right-footer span:last-child{width:100%;margin-top:-2px}.mobile-nav{display:none}
dialog{border:0;border-radius:18px;padding:0;background:white;color:var(--ink);width:510px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:0 20px 100px #1c3a5b38}dialog::backdrop{background:#182c3d78;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:11px;top:11px;z-index:3;background:#ffffffd9}.dialog-close svg{width:20px;height:20px}#dialog-content{padding:34px 28px 28px}.modal-kicker{font-size:10px;font-weight:700;color:var(--blue-dark);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 10px}.modal-title{font-size:27px;letter-spacing:-.65px;line-height:1.15;margin:0 0 12px}.modal-text{font-size:14px;line-height:1.65;color:#7e8b97;margin:0 0 21px}.pack-chooser{display:flex;gap:7px;margin:18px 0}.pack-chooser button{border:1px solid #e0e9ee;background:white;color:#7c8a95;border-radius:20px;padding:8px 12px;font-size:11px;flex:1}.pack-chooser button.active{background:#ecfaff;color:var(--blue-dark);border-color:#aee4f7}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:21px}.pack-grid button{border:0;border-radius:12px;background:#f1faff;aspect-ratio:1;padding:13px;transition:transform .15s;cursor:zoom-in}.pack-grid button:hover{transform:rotate(-5deg);background:#e3f6ff}.pack-grid img{width:100%;height:100%;object-fit:contain}.modal-footnote{font-size:11px;text-align:center;color:#9ba8b2;margin:12px 0 0}.modal-art{display:flex;align-items:center;justify-content:center;background:#fff3ef;border-radius:12px;margin-bottom:23px;padding:28px;aspect-ratio:1.3}.modal-art img{max-width:80%;height:245px;object-fit:contain}.soft-button{background:#effaff;border:1px solid #cfeefa;color:var(--blue-dark);border-radius:20px;padding:9px 16px;font-size:12px}.inbox-item{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.inbox-item:last-child{border:0}.inbox-item img{width:46px;height:46px;object-fit:contain;background:#eefaff;padding:5px;border-radius:50%}.inbox-item strong{display:block;font-size:13px}.inbox-item p{font-size:12px;color:#8a98a4;margin:3px 0 0}.chat-bubble{max-width:85%;font-size:14px;padding:12px 15px;border-radius:14px;background:#edfaff;margin:13px 0;color:#42809b}.chat-bubble.out{margin-left:auto;background:#fff2eb;color:#99766a}.comment-field{display:flex;gap:8px;margin-top:20px}.comment-field input{min-width:0;flex:1;border:1px solid #dae6ed;border-radius:24px;padding:11px 14px;font-size:13px}.comment-field button{border:0;border-radius:24px;background:var(--blue);color:white;padding:10px 17px;font-size:12px;font-weight:700}.comments{font-size:13px;max-height:230px;overflow:auto}.comments p{padding:10px 0;border-bottom:1px solid var(--line);margin:0}.comments strong{display:block;color:var(--blue-dark);font-size:11px;margin-bottom:4px}.comment-empty{font-size:13px;color:#91a0ab;padding:15px 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#263a49;color:white;padding:13px 21px;border-radius:27px;font-size:13px;z-index:100;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;box-shadow:0 5px 30px #263a4920;max-width:calc(100vw - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.app{grid-template-columns:248px minmax(0,660px) 336px;max-width:1244px}.sidebar{padding-right:30px}.right-column{padding-left:30px}}
@media(max-width:1120px){.app{grid-template-columns:195px minmax(0,620px) 280px;max-width:1095px}.sidebar{padding-left:10px;padding-right:14px}.nav-item{font-size:17px;gap:15px;padding-left:8px}.wordmark{font-size:25px;letter-spacing:-1.5px}.doodles-word{font-size:22px}.logo-lock{display:none}.right-column{padding-left:18px;padding-right:10px}.sidebar-cta{font-size:12px;padding-left:12px;padding-right:12px}.sidebar-bottom{padding-left:0}.sidebar-bottom strong{font-size:12px}.fineprint{font-size:9px;padding-left:0}}
@media(max-width:990px){.app{grid-template-columns:82px minmax(0,640px) 280px;max-width:1002px}.sidebar{align-items:center;padding:20px 9px}.wordmark{width:45px;height:45px;padding:0;margin-bottom:25px;justify-content:center}.wordmark>span:last-child{display:none}.logo-lock{display:block;transform:scale(1.3)}.sidebar nav{width:100%;gap:8px}.nav-item{padding:14px;justify-content:center}.nav-item span{display:none}.sidebar-cta{width:47px;height:47px;padding:0;margin:25px 0}.sidebar-cta span{display:none}.sidebar-cta svg{width:24px;height:24px}.sidebar-bottom{margin-top:auto;padding:0}.sidebar-bottom>div{display:none}.fineprint{display:none}.right-column{padding-right:16px}.notice-dot{left:30px;top:9px}}
@media(max-width:860px){.app{grid-template-columns:82px minmax(0,640px);max-width:722px}.right-column{display:none}}
@media(max-width:590px){.app{display:block;max-width:100%;padding-bottom:66px}.sidebar{display:none}.main-column{border:0}.profile-header{height:62px;gap:15px;padding:8px 13px}.profile-header h1{font-size:18px}.profile-header span{font-size:11px}.profile-header>.icon-button:first-child{width:26px}.cover{height:172px}.cover-word{font-size:28px;left:21px;top:28px}.cover-word small{font-size:8px;letter-spacing:1.3px}.cover .cover-a{width:115px;height:115px;right:8px;top:21px}.cover .cover-b{width:76px;height:76px;right:103px;top:100px}.cover .cover-c{width:45px;height:45px;right:119px;top:6px}.cover .cover-d{display:none}.profile-info{padding:0 16px 20px}.profile-avatar{width:89px;height:89px;margin-top:-45px;border-width:4px}.profile-avatar img{width:67px;height:67px}.profile-top{height:53px}.profile-tools{margin-top:10px}.round-tool{width:32px;height:32px}.profile-name{font-size:21px}.handle{font-size:12px;margin-bottom:11px}.bio{font-size:13px;line-height:1.65}.profile-meta{gap:12px;font-size:11px;margin-top:13px;margin-bottom:17px}.subscription-label{font-size:10px}.subscribe-button{font-size:11px;padding:13px 15px}.subscribe-button>span:last-child{font-size:10px}.feed-tabs{top:62px;border-top-width:6px}.feed-tabs button{padding-top:16px;padding-bottom:14px;font-size:11px}.feed-heading{padding-top:8px;padding-bottom:3px}.post-head{padding:8px 15px 10px;gap:8px}.mini-avatar{width:39px;height:39px}.mini-avatar img{width:31px;height:31px}.post-author{font-size:13px}.post-handle{font-size:11px}.post-copy{padding:0 16px 12px;font-size:13px}.post-media{aspect-ratio:1.23}.media-kicker{left:20px;top:21px;font-size:8px;letter-spacing:1.3px}.media-title{left:21px;top:73px;font-size:35px;letter-spacing:-2px}.post-media .hero-doodle{width:49%;height:70%;right:10px;top:36px}.post-media .media-note{left:20px;bottom:21px;font-size:9px}.media-sticker{width:53px;height:53px;right:26px;bottom:18px}.post-media:after{inset:20px 15px}.media-fish .media-title{font-size:31px;top:77px}.media-fish .hero-doodle{top:46px;right:16px}.locked-media{aspect-ratio:1.35}.lock-overlay strong{font-size:18px}.locked-preview img{height:100px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;padding:5px 12px max(5px,env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:20;justify-content:space-around}.mobile-nav button{border:0;display:grid;place-items:center;width:48px;background:none;color:#8c99a7}.mobile-nav button.active{color:var(--blue)}.mobile-nav svg{width:23px;height:23px}.mobile-nav img{width:28px;height:28px;object-fit:contain}.feed-end{padding-bottom:23px}.dialog-close{right:8px;top:8px}#dialog-content{padding:32px 21px 23px}.modal-title{font-size:25px}.modal-text{font-size:13px}.pack-grid{gap:7px}.pack-grid button{padding:10px}.modal-art{padding:20px}.modal-art img{height:210px}#toast{bottom:76px;white-space:normal;font-size:12px}.media-grid button{padding:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* The launch film is a creator drop, with the same feed treatment as the doodles. */
.launch-media{background:#00aff0}.launch-media video{display:block;width:100%;height:auto;aspect-ratio:1.6;background:#00aff0}.launch-film-link{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 19px;background:#f3fbff;border-top:1px solid #e6f3fb;color:#008fc7;font-size:12px}.launch-film-link span:first-child{font-size:9px;letter-spacing:.8px;font-weight:700}.launch-film-link:hover{background:#e9f8ff}.post[data-post=launch]{scroll-margin-top:145px}.post[data-post=launch] .post-date{color:#009bd5;font-weight:700}@media(max-width:590px){.launch-film-link{padding:12px 15px;font-size:11px;gap:9px}.launch-film-link span:first-child{font-size:8px;max-width:130px}.post[data-post=launch]{scroll-margin-top:125px}}

.film-credit{margin:0;padding:0 19px 12px;background:#f3fbff;font-size:9px;line-height:1.6;color:#8ba1af}.film-credit a{color:#729db5}