@font-face{font-family:Figtree;src:url('/coffee/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2') format('woff2');font-weight:300 900;font-display:swap}@font-face{font-family:Jakarta;src:url('/coffee/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2') format('woff2');font-weight:300 900;font-display:swap}@font-face{font-family:Mono;src:url('/coffee/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2') format('woff2');font-weight:500;font-display:swap}
.coffee-site *{box-sizing:border-box}.coffee-site{scroll-behavior:smooth;scroll-padding-top:30px}.coffee-site{margin:0;background:var(--bg);color:var(--text);font-family:Figtree,'Microsoft YaHei',sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.coffee-site.theme-a{--bg:#101410;--card:#191f19;--text:#f4f5ed;--muted:#a6afa3;--line:#323c31;--accent:#d4f58d;--on-accent:#19230e;--soft:#242d21;--radius:20px}.coffee-site.theme-b{--bg:#f4f0e6;--card:#fffcf5;--text:#244234;--muted:#70796b;--line:#d7d9c9;--accent:#285b46;--on-accent:#fffaf0;--soft:#e5e9d9;--radius:8px}.coffee-site.theme-c{--bg:#0d1017;--card:#171c27;--text:#f4f3ee;--muted:#a1a7b6;--line:#343a48;--accent:#ff795b;--on-accent:#19120e;--soft:#232938;--radius:16px}.coffee-site button,.coffee-site input{font:inherit}.coffee-site button,.coffee-site a{-webkit-tap-highlight-color:transparent}.coffee-site button{color:inherit;cursor:pointer}.coffee-site button{border:0;background:none}.coffee-site a{color:inherit;text-decoration:none}.coffee-site button:disabled{opacity:.5;cursor:not-allowed}.coffee-site button:focus-visible,.coffee-site a:focus-visible,.coffee-site summary:focus-visible,.coffee-site input:focus-visible,.coffee-site [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.coffee-site img{max-width:100%;display:block}.coffee-site svg{flex-shrink:0}.coffee-site h1,.coffee-site h2,.coffee-site h3,.coffee-site p{margin:0}.coffee-site h1,.coffee-site h2,.coffee-site h3{line-height:1.12}.coffee-site h1,.coffee-site h2{letter-spacing:-.045em}.coffee-site h2{font-size:38px;font-weight:650}.coffee-site h3{font-size:18px;font-weight:650}.coffee-site p{color:var(--muted)}.coffee-site .page-width{width:calc(100% - 80px);max-width:1240px;margin-inline:auto}.coffee-site .prototype-strip{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 24px;background:var(--soft);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.coffee-site .prototype-strip>a,.coffee-site .prototype-strip>div{display:flex;align-items:center;gap:14px}.coffee-site .prototype-strip>a{color:var(--text);gap:6px;font-weight:600}.coffee-site .prototype-strip button{font-size:11px;color:var(--text);padding:0 8px;border-left:1px solid var(--line)}.coffee-site .site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.coffee-site .brand{font-family:Jakarta,Figtree,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.7px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.coffee-site .brand b{font-weight:500;color:var(--muted)}.coffee-site .brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent)}.coffee-site .site-header nav{display:flex;gap:29px;align-items:center;font-size:13px;color:var(--muted)}.coffee-site .site-header nav a:hover{color:var(--text)}.coffee-site .header-actions{display:flex;gap:10px;align-items:center}.coffee-site .signin-button{border:1px solid var(--line);border-radius:999px;padding:10px 17px;display:flex;gap:16px;align-items:center;font-size:13px}.coffee-site .menu-toggle{display:none}.coffee-site .hero{display:grid;grid-template-columns:470px minmax(0,1fr);gap:95px;padding-block:46px 62px;align-items:start}.coffee-site .hero-left,.coffee-site .hero-right{min-width:0}.coffee-site .eyebrow,.coffee-site .section-kicker{font-family:Mono,monospace;font-size:10px;letter-spacing:1.4px;font-weight:500;color:var(--muted);text-transform:uppercase}.coffee-site .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px}.coffee-site .eyebrow-line{width:23px;height:1px;background:var(--accent)}.coffee-site h1{font-size:56px;font-weight:750;line-height:1.01;letter-spacing:-2.8px}.coffee-site h1 span{display:block}.coffee-site h1 span:nth-child(2){color:var(--accent)}.coffee-site .hero-description{font-size:16px;max-width:405px;margin-top:18px;line-height:1.55}.coffee-site .creator{margin-top:28px;padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);scroll-margin-top:24px}.coffee-site .creator-top{display:flex;gap:9px;align-items:center;margin-bottom:12px}.coffee-site .creator-top h2{font-size:14px;letter-spacing:0;font-weight:650}.coffee-site .step-number{font-family:Mono,monospace;font-size:9px;border:1px solid var(--line);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:var(--muted)}.coffee-site .one-photo-tag{margin-left:auto;font-family:Mono,monospace;font-size:8px;letter-spacing:1px;color:var(--muted)}.coffee-site .upload-box{border:1px dashed var(--line);border-radius:12px;position:relative;min-height:100px;transition:border-color .2s}.coffee-site .upload-box:hover{border-color:var(--accent)}.coffee-site .upload-trigger{width:100%;display:grid;grid-template-columns:42px 1fr 20px;gap:10px;padding:18px 16px;text-align:left;align-items:center}.coffee-site .upload-illustration{width:40px;height:40px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--accent);grid-row:1/3}.coffee-site .upload-trigger strong{font-size:14px;display:block}.coffee-site .upload-trigger small{font-size:12px;color:var(--muted)}.coffee-site .upload-formats{font-size:10px;color:var(--muted);grid-column:2/4}.coffee-site .upload-end{grid-column:3;grid-row:1;color:var(--muted)}.coffee-site .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.coffee-site .has-photo{display:flex;align-items:center;gap:15px;padding:12px;min-height:100px}.coffee-site .upload-preview{width:68px;height:74px;object-fit:cover;border-radius:7px}.coffee-site .upload-ready{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--accent);padding-right:16px}.coffee-site .upload-ready button{flex-basis:100%;text-align:left;padding:0;color:var(--muted);text-decoration:underline;font-size:12px}.coffee-site .remove-photo{position:absolute;right:8px;top:8px}.coffee-site .creator-price-title{margin-top:20px}.coffee-site .plan-options{display:grid;gap:7px}.coffee-site .plan-option{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;min-height:61px;background:transparent;transition:border-color .15s,background .15s}.coffee-site .plan-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card))}.coffee-site .plan-radio{width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.coffee-site .selected .plan-radio{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.coffee-site .plan-information strong{font-size:13px;font-weight:600;display:block}.coffee-site .plan-information strong>span{font-size:10px;margin-left:5px;letter-spacing:.2px;padding:2px 5px;background:var(--soft);border-radius:4px;color:var(--muted)}.coffee-site .plan-information small{font-size:10px;color:var(--muted)}.coffee-site .plan-cost{margin-left:auto;text-align:right}.coffee-site .plan-cost strong{font-family:Jakarta,sans-serif;font-size:17px;font-weight:650;letter-spacing:-.5px}.coffee-site .plan-cost small{font-size:8px;display:block;color:var(--muted)}.coffee-site .selected-summary{display:none}.coffee-site .primary-button{width:100%;border-radius:9px;min-height:50px;padding:14px 18px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:700;font-size:14px;text-align:left}.coffee-site .primary-button:hover{filter:brightness(1.06)}.coffee-site .create-button{margin-top:17px}.coffee-site .purchase-note{font-size:10px;text-align:center;display:flex;gap:5px;align-items:center;justify-content:center;color:var(--muted);margin-top:11px}.coffee-site .consent{display:flex;gap:8px;align-items:start;font-size:10px;color:var(--muted);margin-top:14px}.coffee-site .consent input{margin:3px 0 0;accent-color:var(--accent);flex-shrink:0}.coffee-site .form-error{font-size:11px;color:#e28977;margin-top:12px}.coffee-site.theme-b .form-error{color:#a53c2b}.coffee-site .hero-right{padding-top:1px}.coffee-site .feed-shell{position:relative;outline-offset:8px}.coffee-site .feed-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-right:80px}.coffee-site .scene-counter{font-family:Mono,monospace;font-size:13px;color:var(--accent)}.coffee-site .scene-counter i{font-style:normal;color:var(--muted);font-size:10px;margin-left:4px}.coffee-site .feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:22px}.coffee-site .video-frame{position:relative;border-radius:24px;overflow:hidden;background:#282922;aspect-ratio:9/14;width:100%;isolation:isolate}.coffee-site .video-frame>video{width:100%;height:100%;display:block;object-fit:cover}.coffee-site .video-frame:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.74));pointer-events:none;z-index:0}.coffee-site .reference-pill{position:absolute;top:19px;left:18px;background:#f8f5e9;color:#282b25;padding:6px 9px;border-radius:5px;font-family:Mono,monospace;font-size:8px;letter-spacing:1.1px;z-index:1}.coffee-site .video-top-controls{position:absolute;top:16px;right:15px;display:flex;gap:6px;z-index:2}.coffee-site .media-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(20,22,19,.55);color:white;backdrop-filter:blur(10px)}.coffee-site .video-caption{position:absolute;bottom:32px;left:23px;right:35px;z-index:1;color:#fff}.coffee-site .video-caption>span{font-family:Mono,monospace;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#d3d5ca}.coffee-site .video-caption h3{font-size:28px;letter-spacing:-.8px;line-height:1.12;max-width:280px;margin-top:9px}.coffee-site .video-caption a{font-size:9px;display:inline-flex;gap:5px;align-items:center;background:rgba(0,0,0,.27);padding:4px 5px;margin-top:14px;max-width:100%;overflow-wrap:anywhere}.coffee-site .fullscreen{position:absolute;bottom:29px;right:14px;z-index:2}.coffee-site .video-progress{position:absolute;bottom:17px;left:23px;right:23px;height:2px;background:rgba(255,255,255,.3);z-index:2}.coffee-site .video-progress span{display:block;height:100%;background:white;max-width:100%}.coffee-site .feed-rail{display:flex;flex-direction:column;align-items:center;gap:17px}.coffee-site .feed-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.coffee-site .feed-arrow:hover{color:var(--accent);border-color:var(--accent)}.coffee-site .feed-thumbnails{display:flex;flex-direction:column;gap:14px;width:100%}.coffee-site .scene-thumb{position:relative;width:100%;text-align:left;padding:10px 0 10px 10px;border-left:1px solid var(--line);min-height:66px;color:var(--muted)}.coffee-site .scene-thumb.active{border-left:2px solid var(--accent);color:var(--text)}.coffee-site .scene-thumb img{display:none}.coffee-site .scene-thumb span{font-size:11px;display:block;line-height:1.3}.coffee-site .scene-thumb b{display:block;font-family:Mono,monospace;font-size:8px;font-weight:500;margin-top:6px;color:var(--muted)}.coffee-site .reference-note{font-size:10px;color:var(--muted);margin-top:14px;max-width:440px;line-height:1.6}.coffee-site .more-section{padding-block:64px;border-top:1px solid var(--line)}.coffee-site .section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:27px}.coffee-site .section-heading h2{margin-top:12px}.coffee-site .section-heading>p{font-size:14px;max-width:335px;line-height:1.6}.coffee-site .idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.coffee-site .idea-card{min-width:0}.coffee-site .idea-image{padding:0;display:block;width:100%;aspect-ratio:1.34;overflow:hidden;position:relative;background:var(--card);border-radius:14px}.coffee-site .idea-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .4s}.coffee-site .idea-image:hover img{transform:scale(1.03)}.coffee-site .idea-tag{position:absolute;left:13px;top:13px;font-family:Mono,monospace;font-size:8px;background:#f6f4e9;color:#2a3228;padding:5px 7px;border-radius:4px;letter-spacing:.7px}.coffee-site .idea-play{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(15,20,16,.5);color:white;backdrop-filter:blur(10px)}.coffee-site .idea-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px}.coffee-site .idea-meta h3{font-size:16px}.coffee-site .idea-meta p{font-size:10px;margin-top:6px}.coffee-site .text-icon{padding:5px;color:var(--muted)}.coffee-site .how-section{padding-block:62px 70px;border-top:1px solid var(--line)}.coffee-site .how-section h2{margin-top:12px}.coffee-site .step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin-top:32px}.coffee-site .step-card{border-top:1px solid var(--line);padding-top:20px}.coffee-site .large-number{font-family:Mono,monospace;font-size:11px;color:var(--accent)}.coffee-site .step-card h3{margin-top:30px;font-size:20px}.coffee-site .step-card p{font-size:14px;line-height:1.6;margin-top:12px;max-width:300px}.coffee-site .faq-section{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;border-top:1px solid var(--line);padding-block:64px}.coffee-site .faq-section h2{margin:12px 0 24px}.coffee-site .subtle-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding:0}.coffee-site .subtle-link:hover{color:var(--text)}.coffee-site .faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.coffee-site .faq-list details:first-child{padding-top:0}.coffee-site .faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:550;font-size:15px;cursor:pointer}.coffee-site .faq-list summary::-webkit-details-marker{display:none}.coffee-site .faq-list summary span{font-size:22px;color:var(--muted);font-weight:300}.coffee-site .faq-list details[open] summary span{transform:rotate(45deg)}.coffee-site .faq-list details p{font-size:13px;line-height:1.7;margin-top:15px;max-width:540px}.coffee-site .final-section{text-align:center;padding:55px 20px 65px;background:var(--soft);border-radius:var(--radius);margin-bottom:70px}.coffee-site .final-section h2{margin:16px auto 25px;font-size:42px;max-width:640px}.coffee-site .final-section .primary-button{width:max-content;min-width:260px;margin:auto}.coffee-site .site-footer{border-top:1px solid var(--line);padding-block:35px 20px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.coffee-site .site-footer p{font-size:12px;margin-top:12px}.coffee-site .footer-links{display:flex;justify-content:end;gap:12px 22px;flex-wrap:wrap;align-content:start;font-size:11px;color:var(--muted)}.coffee-site .footer-links button{padding:0;font-size:11px;color:var(--muted)}.coffee-site .footer-bottom{grid-column:1/-1;display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}.coffee-site .footer-bottom span:nth-child(2){max-width:400px}.coffee-site .editorial-rule,.coffee-site .atelier-stamp,.coffee-site .reel-edge-label{display:none}
.coffee-site .modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.64);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.coffee-site .modal{width:100%;max-width:420px;max-height:calc(100dvh - 48px);overflow-y:auto;border-radius:20px;padding:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 20px 100px #0005}.coffee-site .modal-wide{max-width:760px}.coffee-site .modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.coffee-site .mini-eyebrow{font-family:Mono,monospace;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.coffee-site .icon-button{width:30px;height:30px;display:grid;place-items:center}.coffee-site .modal h2{font-size:29px;line-height:1.15}.coffee-site .auth-mark{width:60px;height:60px;margin:25px auto;color:var(--accent);display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.coffee-site .google-button{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:13px;font-weight:600}.coffee-site .divider{display:flex;gap:14px;align-items:center;margin:20px 0;font-size:10px;color:var(--muted)}.coffee-site .divider span{height:1px;flex:1;background:var(--line)}.coffee-site .modal form>label{display:block;font-size:12px;margin-top:16px}.coffee-site .modal form input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:12px;margin-top:7px;font-size:14px}.coffee-site .modal form label>small{color:var(--muted);font-size:10px;display:block;margin-top:6px}.coffee-site .modal-submit{margin-top:23px}.coffee-site .auth-switches{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:17px}.coffee-site .auth-switches button{font-size:10px;padding:0;color:var(--muted)}.coffee-site .modal-note{font-size:10px;line-height:1.5;margin-top:23px;padding-top:15px;border-top:1px solid var(--line)}.coffee-site .auth-notice{margin-top:15px;font-size:12px}.coffee-site .modal-description{font-size:13px;line-height:1.65;margin-top:18px}.coffee-site .order-summary{padding:22px 0;border-block:1px solid var(--line);margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.coffee-site .order-summary strong{font-size:16px}.coffee-site .checkout-total{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.coffee-site .checkout-total strong{font-size:28px;letter-spacing:-1px}.coffee-site .state-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.coffee-site .state-tabs button{padding:8px 12px;border:1px solid var(--line);border-radius:6px;font-size:11px}.coffee-site .state-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.coffee-site .delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.coffee-site .delivery-image{aspect-ratio:9/12;background:var(--bg);border-radius:12px;overflow:hidden}.coffee-site .delivery-image video{width:100%;height:100%;object-fit:cover}.coffee-site .delivery-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:17px;color:var(--muted)}.coffee-site .delivery-placeholder h3{font-size:18px}.coffee-site .delivery-placeholder p{font-size:12px}.coffee-site .delivery-side{display:flex;flex-direction:column;gap:16px;align-items:start;justify-content:center}.coffee-site .delivery-side>img{width:64px;height:64px;object-fit:cover;border-radius:8px}.coffee-site .delivery-side>span{font-size:12px}.coffee-site .delivery-side>p{font-size:12px;line-height:1.6}.coffee-site .secondary-button{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;gap:9px;align-items:center;font-size:12px}.coffee-site .tiny-modal-image{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:10px;margin:22px 0}.coffee-site .spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* B: a coffee atelier, menu cards and an editorial film window. */
.coffee-site.theme-b .brand-mark{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.coffee-site.theme-b .site-header{height:92px}.coffee-site.theme-b .hero{grid-template-columns:415px minmax(0,1fr);gap:94px;padding-top:45px;padding-bottom:40px}.coffee-site.theme-b .eyebrow{font-size:8px;letter-spacing:1.1px;line-height:1.8}.coffee-site.theme-b h1,.coffee-site.theme-b h2,.coffee-site.theme-b .video-caption h3{font-family:Georgia,'Songti SC',serif;font-weight:400;letter-spacing:-2.4px}.coffee-site.theme-b h1{font-size:59px;line-height:1.02}.coffee-site.theme-b h1 span:nth-child(2){font-style:italic;color:#a36c3e}.coffee-site.theme-b .hero-description{font-size:15px;max-width:370px}.coffee-site.theme-b .creator{background:none;border:0;padding:0;margin-top:28px}.coffee-site.theme-b .creator-top h2{font-family:Figtree,'Microsoft YaHei',sans-serif;font-size:13px;font-weight:600;letter-spacing:0}.coffee-site.theme-b .step-number{border-color:#b8c3af}.coffee-site.theme-b .upload-box{border-radius:5px;background:#fffaf0;min-height:102px}.coffee-site.theme-b .upload-illustration{border-radius:8px}.coffee-site.theme-b .plan-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coffee-site.theme-b .plan-option{display:flex;flex-direction:column;align-items:start;gap:11px;padding:13px 10px;position:relative;min-height:114px;background:var(--card);border-radius:5px}.coffee-site.theme-b .plan-option.selected{background:var(--soft);border:1px solid var(--accent)}.coffee-site.theme-b .plan-radio{position:absolute;top:13px;right:10px;width:13px;height:13px}.coffee-site.theme-b .plan-information strong{font-size:11px}.coffee-site.theme-b .plan-information strong>span{display:block;width:max-content;margin:8px 0 0;padding:0;background:none;font-family:Mono,monospace;font-size:14px;color:var(--text)}.coffee-site.theme-b .plan-information>small{display:none}.coffee-site.theme-b .plan-cost{margin:0;text-align:left}.coffee-site.theme-b .plan-cost strong{font-size:17px}.coffee-site.theme-b .plan-cost small{display:none}.coffee-site.theme-b .selected-summary{display:flex;align-items:end;justify-content:space-between;margin-top:20px}.coffee-site.theme-b .selected-summary>div>span{font-family:Mono,monospace;font-size:8px;text-transform:uppercase;color:var(--muted);display:block;letter-spacing:.7px}.coffee-site.theme-b .selected-summary strong{font-size:34px;font-weight:500;letter-spacing:-1.5px;display:block;line-height:1.3}.coffee-site.theme-b .selected-summary strong small{font-family:Mono,monospace;font-size:9px;letter-spacing:0;color:var(--muted)}.coffee-site.theme-b .selected-summary>span{font-size:10px;color:var(--muted);padding-bottom:7px}.coffee-site.theme-b .primary-button{border-radius:5px}.coffee-site.theme-b .feed-heading{padding-right:0;margin-bottom:13px}.coffee-site.theme-b .feed-layout{display:flex;flex-direction:column;gap:15px}.coffee-site.theme-b .video-frame{border-radius:115px 115px 8px 8px;aspect-ratio:1/1.12}.coffee-site.theme-b .video-frame>video{object-position:center 45%}.coffee-site.theme-b .reference-pill{top:25px;left:50%;transform:translateX(-50%);font-size:7px;white-space:nowrap;padding:6px 10px;border-radius:20px}.coffee-site.theme-b .video-top-controls{top:auto;bottom:25px;right:18px;flex-direction:column}.coffee-site.theme-b .video-caption{bottom:30px;left:25px;right:55px}.coffee-site.theme-b .video-caption h3{font-size:31px;letter-spacing:-1px;max-width:320px}.coffee-site.theme-b .video-caption>span{font-size:8px}.coffee-site.theme-b .fullscreen{display:none}.coffee-site.theme-b .feed-rail{width:100%;display:flex;flex-direction:row;gap:13px;justify-content:space-between}.coffee-site.theme-b .feed-arrow{width:29px;height:29px;border-color:#c9cdbd}.coffee-site.theme-b .feed-arrow:first-child svg{transform:rotate(-90deg)}.coffee-site.theme-b .feed-arrow:last-child svg{transform:rotate(-90deg)}.coffee-site.theme-b .feed-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.coffee-site.theme-b .scene-thumb{border:0;padding:0;min-height:0;display:flex;align-items:center;gap:7px;opacity:.6}.coffee-site.theme-b .scene-thumb.active{opacity:1;color:var(--text)}.coffee-site.theme-b .scene-thumb img{display:block;width:44px;height:55px;border-radius:5px;object-fit:cover}.coffee-site.theme-b .scene-thumb.active img{outline:2px solid var(--accent);outline-offset:3px}.coffee-site.theme-b .scene-thumb span{font-size:10px;max-width:60px}.coffee-site.theme-b .scene-thumb b{display:none}.coffee-site.theme-b .reference-note{text-align:center;max-width:none;font-size:9px}.coffee-site.theme-b .atelier-stamp{display:flex;gap:10px;font-size:12px;color:#7e866e;align-items:center;justify-content:center;margin-top:22px;font-style:italic;font-family:Georgia,serif}.coffee-site.theme-b .editorial-rule{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:18px;font-family:Mono,monospace;font-size:8px;letter-spacing:2px;color:var(--muted)}.coffee-site.theme-b .more-section{border-top:0;padding-top:48px}.coffee-site.theme-b .idea-image{border-radius:5px;aspect-ratio:1.32}.coffee-site.theme-b .section-kicker{font-size:9px}.coffee-site.theme-b .section-heading h2{font-size:44px}.coffee-site.theme-b .idea-meta h3{font-family:Georgia,serif;font-weight:400;font-size:21px;letter-spacing:-.5px}.coffee-site.theme-b .step-card{padding-top:18px}.coffee-site.theme-b .step-card h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.coffee-site.theme-b .large-number{color:#a36c3e}.coffee-site.theme-b .final-section{background:#e3e8d8;border-radius:5px}.coffee-site.theme-b .final-section h2{font-size:48px;max-width:630px}.coffee-site.theme-b .final-section .primary-button{border-radius:30px}
/* C: large cinema reel, horizontal compact packs, overlaid scene navigation. */
.coffee-site.theme-c .brand-mark{border-radius:10px;background:var(--accent);color:var(--on-accent);border:0}.coffee-site.theme-c .site-header{border-bottom:0;height:86px}.coffee-site.theme-c .hero{grid-template-columns:435px minmax(0,1fr);gap:75px;padding-top:25px;padding-bottom:60px}.coffee-site.theme-c .hero-left{padding-top:25px}.coffee-site.theme-c h1{font-family:Jakarta,Figtree,sans-serif;font-size:61px;font-weight:800;line-height:1.06;letter-spacing:-3.8px}.coffee-site.theme-c h1 span:nth-child(2){max-width:400px}.coffee-site.theme-c .eyebrow{font-size:8px;letter-spacing:1.4px}.coffee-site.theme-c .hero-description{max-width:330px;font-size:15px}.coffee-site.theme-c .creator{padding:22px;border-radius:16px;margin-top:25px}.coffee-site.theme-c .one-photo-tag{font-size:7px}.coffee-site.theme-c .plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.coffee-site.theme-c .plan-option{padding:12px 8px;display:flex;flex-direction:column;align-items:start;position:relative;gap:10px;min-height:103px;border-radius:7px}.coffee-site.theme-c .plan-radio{position:absolute;top:10px;right:8px;width:11px;height:11px}.coffee-site.theme-c .plan-radio svg{width:9px}.coffee-site.theme-c .plan-information strong{font-size:10px}.coffee-site.theme-c .plan-information strong>span{display:block;margin:8px 0 0;width:max-content;font-size:12px;background:none;padding:0;color:var(--text)}.coffee-site.theme-c .plan-information>small{display:none}.coffee-site.theme-c .plan-cost{text-align:left;margin:0}.coffee-site.theme-c .plan-cost strong{font-size:17px}.coffee-site.theme-c .plan-cost small{font-size:7px}.coffee-site.theme-c .feed-layout{display:block;position:relative}.coffee-site.theme-c .feed-heading{padding-right:0;margin-bottom:10px}.coffee-site.theme-c .video-frame{height:710px;aspect-ratio:auto;border-radius:22px}.coffee-site.theme-c .video-frame:before{position:absolute;inset:0;content:'';border:1px solid #ffffff22;border-radius:22px;z-index:2;pointer-events:none}.coffee-site.theme-c .feed-rail{position:absolute;right:17px;bottom:100px;gap:11px;z-index:3}.coffee-site.theme-c .feed-arrow{width:31px;height:31px;border-color:#ffffff4d;background:#171c2759;color:#fff;backdrop-filter:blur(10px)}.coffee-site.theme-c .feed-thumbnails{gap:9px}.coffee-site.theme-c .scene-thumb{min-height:0;padding:0;border:2px solid transparent;border-radius:11px;width:48px;height:62px;overflow:hidden;opacity:.7}.coffee-site.theme-c .scene-thumb img{display:block;width:100%;height:100%;object-fit:cover}.coffee-site.theme-c .scene-thumb.active{border-color:var(--accent);opacity:1}.coffee-site.theme-c .scene-thumb span,.coffee-site.theme-c .scene-thumb b{display:none}.coffee-site.theme-c .video-caption{right:85px;bottom:35px;left:25px}.coffee-site.theme-c .video-caption h3{font-family:Jakarta,sans-serif;font-weight:750;font-size:30px;letter-spacing:-1.3px;max-width:330px}.coffee-site.theme-c .reel-edge-label{display:block;font-family:Mono,monospace;font-size:8px;letter-spacing:2px;color:var(--muted);text-align:right;margin-top:12px}.coffee-site.theme-c .reference-note{font-size:9px;margin-top:12px}.coffee-site.theme-c .more-section{padding-top:52px}.coffee-site.theme-c .idea-image{aspect-ratio:1.2}.coffee-site.theme-c .final-section{background:var(--accent);color:var(--on-accent)}.coffee-site.theme-c .final-section .section-kicker{color:var(--on-accent)}.coffee-site.theme-c .final-section .primary-button{background:var(--bg);color:var(--text)}
@media(min-width:1500px){.coffee-site.theme-c .hero{gap:105px}}
@media(max-width:1170px){.coffee-site .hero{grid-template-columns:minmax(365px,.9fr) minmax(0,1fr);gap:45px}.coffee-site.theme-b .hero{grid-template-columns:380px minmax(0,1fr);gap:55px}.coffee-site.theme-c .hero{grid-template-columns:390px minmax(0,1fr);gap:45px}.coffee-site .site-header nav{gap:19px}.coffee-site h1{font-size:49px}.coffee-site.theme-b h1{font-size:54px}.coffee-site.theme-c h1{font-size:54px;letter-spacing:-3px}.coffee-site .feed-layout{grid-template-columns:minmax(0,1fr) 57px;gap:15px}.coffee-site .feed-heading{padding-right:62px}.coffee-site .reference-pill{font-size:7px;left:14px;top:16px}.coffee-site .video-top-controls{top:12px;right:12px;gap:4px}.coffee-site .media-icon{width:28px;height:28px}.coffee-site .video-caption{left:18px;bottom:27px}.coffee-site .video-caption h3{font-size:24px}.coffee-site .scene-thumb span{font-size:10px}.coffee-site.theme-c .video-frame{height:670px}.coffee-site.theme-b .scene-thumb span{display:none}.coffee-site.theme-b .scene-thumb img{width:100%;height:52px}.coffee-site.theme-b .feed-thumbnails{max-width:260px}.coffee-site.theme-b .scene-thumb{max-width:72px}.coffee-site.theme-b .video-caption h3{font-size:28px}.coffee-site .section-heading h2{font-size:34px}.coffee-site .section-heading>p{max-width:300px;font-size:13px}.coffee-site .step-grid{gap:30px}.coffee-site .faq-section{gap:45px}}
@media(min-width:701px) and (max-width:900px){.coffee-site .page-width{width:calc(100% - 48px)}.coffee-site .site-header nav{gap:13px;font-size:11px}.coffee-site .brand{font-size:15px;gap:7px}.coffee-site .brand-mark{width:30px;height:30px}.coffee-site .signin-button{padding:9px 12px;font-size:12px}.coffee-site .hero,.coffee-site.theme-b .hero,.coffee-site.theme-c .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-top:32px}.coffee-site h1,.coffee-site.theme-b h1{font-size:44px;letter-spacing:-2px}.coffee-site.theme-c h1{font-size:46px;letter-spacing:-2.5px}.coffee-site .hero-description{font-size:13px}.coffee-site .creator,.coffee-site.theme-c .creator{padding:16px;margin-top:22px}.coffee-site .creator-top h2{font-size:12px}.coffee-site .one-photo-tag{font-size:7px}.coffee-site .upload-trigger{padding:15px 11px;grid-template-columns:35px 1fr 14px;gap:8px}.coffee-site .upload-illustration{width:32px;height:32px}.coffee-site .upload-trigger strong{font-size:12px}.coffee-site .upload-formats{font-size:8px}.coffee-site .plan-option{padding:9px;gap:7px}.coffee-site .plan-information strong{font-size:11px}.coffee-site .plan-cost strong{font-size:15px}.coffee-site .plan-information small{font-size:9px}.coffee-site .plan-information strong>span{font-size:8px;margin-left:2px}.coffee-site .plan-radio{width:13px;height:13px}.coffee-site .plan-cost small{font-size:7px}.coffee-site .primary-button{font-size:12px}.coffee-site .feed-layout{grid-template-columns:1fr;gap:12px}.coffee-site .feed-heading{padding:0}.coffee-site .video-frame{aspect-ratio:9/15}.coffee-site .feed-rail{flex-direction:row;gap:10px}.coffee-site .feed-thumbnails{flex-direction:row;gap:8px;justify-content:center}.coffee-site .scene-thumb{border:0;min-height:0;width:36px;height:45px;padding:0;opacity:.6;border-radius:5px;overflow:hidden}.coffee-site .scene-thumb.active{border:1px solid var(--accent);opacity:1}.coffee-site .scene-thumb img{display:block;width:100%;height:100%;object-fit:cover}.coffee-site .scene-thumb span,.coffee-site .scene-thumb b{display:none}.coffee-site .feed-arrow{width:29px;height:29px;flex-shrink:0}.coffee-site .feed-arrow svg{transform:rotate(-90deg)}.coffee-site .reference-note{font-size:9px}.coffee-site.theme-b .video-frame{aspect-ratio:9/15;border-radius:80px 80px 7px 7px}.coffee-site.theme-b .feed-thumbnails{gap:6px;max-width:150px}.coffee-site.theme-b .scene-thumb img{height:45px}.coffee-site.theme-b .scene-thumb{width:35px}.coffee-site.theme-b .feed-rail{gap:8px}.coffee-site.theme-b .plan-option{padding:11px 7px}.coffee-site.theme-b .plan-radio{right:6px;top:11px;width:10px;height:10px}.coffee-site.theme-b .plan-cost strong{font-size:14px}.coffee-site.theme-b .plan-information strong{font-size:10px}.coffee-site.theme-b .selected-summary{margin-top:18px}.coffee-site.theme-b .selected-summary strong{font-size:29px}.coffee-site.theme-b .atelier-stamp{font-size:11px}.coffee-site.theme-c .video-frame{height:690px}.coffee-site.theme-c .video-caption h3{font-size:26px}.coffee-site.theme-c .creator-price-title{margin-top:16px}.coffee-site.theme-c .plan-information strong{font-size:9px}.coffee-site.theme-c .plan-option{padding:10px 6px}.coffee-site.theme-c .plan-cost strong{font-size:14px}.coffee-site.theme-c .plan-radio{right:6px}.coffee-site.theme-c .plan-information strong>span{font-size:11px}.coffee-site.theme-c .video-caption{left:20px;right:65px}.coffee-site.theme-c .feed-rail{right:12px}.coffee-site .idea-grid{gap:16px}.coffee-site .idea-image{aspect-ratio:1.1}.coffee-site .idea-meta h3{font-size:14px}.coffee-site .idea-meta p{font-size:8px}.coffee-site.theme-b .idea-meta h3{font-size:18px}.coffee-site .section-heading{gap:25px}.coffee-site .section-heading h2,.coffee-site.theme-b .section-heading h2{font-size:32px}.coffee-site .section-heading>p{max-width:250px;font-size:12px}.coffee-site .step-grid{gap:23px}.coffee-site .step-card h3{font-size:18px}.coffee-site .step-card p{font-size:12px}.coffee-site .faq-section{gap:30px}.coffee-site .faq-section h2{font-size:32px}.coffee-site .faq-list summary{font-size:13px}.coffee-site .footer-bottom span:nth-child(2){max-width:300px}}
@media(max-width:700px){.coffee-site .page-width{width:calc(100% - 36px)}.coffee-site .prototype-strip{padding:7px 18px;font-size:9px;min-height:30px;gap:8px}.coffee-site .prototype-strip>span{display:none}.coffee-site .prototype-strip button,.coffee-site .prototype-strip>div>a{font-size:9px}.coffee-site .site-header,.coffee-site.theme-b .site-header,.coffee-site.theme-c .site-header{height:72px;position:relative;border-bottom:1px solid var(--line);gap:8px}.coffee-site .brand{font-size:14px;letter-spacing:-.5px;gap:8px}.coffee-site .brand-mark{width:29px;height:29px}.coffee-site .brand-mark svg{width:18px}.coffee-site .header-actions{gap:5px}.coffee-site .signin-button{font-size:11px;padding:8px 11px;gap:7px}.coffee-site .signin-button svg{display:none}.coffee-site .menu-toggle{display:grid;width:26px}.coffee-site .site-header nav{display:none;position:absolute;top:63px;left:0;right:0;border:1px solid var(--line);border-radius:12px;background:var(--card);z-index:30;padding:14px;font-size:13px;box-shadow:0 10px 30px #0003}.coffee-site .site-header nav.nav-open{display:flex;flex-direction:column;align-items:start;gap:0}.coffee-site .site-header nav a{padding:11px;width:100%}.coffee-site .hero,.coffee-site.theme-b .hero,.coffee-site.theme-c .hero{display:flex;flex-direction:column;gap:31px;padding-block:30px 37px}.coffee-site .hero-left,.coffee-site .hero-right{width:100%}.coffee-site .eyebrow,.coffee-site.theme-b .eyebrow,.coffee-site.theme-c .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.coffee-site h1{font-size:43px;letter-spacing:-2px;line-height:1.04}.coffee-site .hero-description,.coffee-site.theme-b .hero-description,.coffee-site.theme-c .hero-description{font-size:14px;line-height:1.6;margin-top:16px;max-width:440px}.coffee-site .creator,.coffee-site.theme-c .creator{padding:18px;margin-top:24px;border-radius:15px}.coffee-site .creator-top h2{font-size:13px}.coffee-site .one-photo-tag{font-size:8px}.coffee-site .creator-price-title{margin-top:19px}.coffee-site .upload-trigger{padding:15px 12px;grid-template-columns:37px 1fr 17px;gap:9px}.coffee-site .upload-illustration{width:35px;height:35px}.coffee-site .upload-trigger strong{font-size:13px}.coffee-site .upload-formats{font-size:9px}.coffee-site .upload-box{min-height:94px}.coffee-site .plan-option{padding:10px;min-height:60px}.coffee-site .plan-cost strong{font-size:16px}.coffee-site .plan-information strong{font-size:12px}.coffee-site .plan-information small{font-size:9px}.coffee-site .primary-button{font-size:13px;min-height:49px}.coffee-site .purchase-note{font-size:9px}.coffee-site .feed-layout{display:block}.coffee-site .feed-heading{padding:0;margin-bottom:13px}.coffee-site .feed-layout>.feed-rail{flex-direction:row;justify-content:space-between;gap:15px;margin-top:14px}.coffee-site .feed-thumbnails{display:flex;flex-direction:row;gap:12px;justify-content:center}.coffee-site .scene-thumb{border:1px solid transparent;min-height:0;width:43px;height:53px;overflow:hidden;padding:0;border-radius:6px;opacity:.6}.coffee-site .scene-thumb.active{border:2px solid var(--accent);opacity:1}.coffee-site .scene-thumb img{display:block;width:100%;height:100%;object-fit:cover}.coffee-site .scene-thumb span,.coffee-site .scene-thumb b{display:none}.coffee-site .feed-arrow{width:34px;height:34px;flex-shrink:0}.coffee-site .feed-arrow svg{transform:rotate(-90deg)}.coffee-site .video-frame{aspect-ratio:9/12;border-radius:19px}.coffee-site .reference-pill{font-size:7px;top:16px;left:15px;padding:6px 8px}.coffee-site .video-top-controls{top:13px;right:12px}.coffee-site .media-icon{width:29px;height:29px}.coffee-site .video-caption{left:20px;bottom:30px;right:60px}.coffee-site .video-caption h3{font-size:27px;max-width:260px}.coffee-site .video-caption a{font-size:8px;margin-top:12px}.coffee-site .reference-note{font-size:9px;margin-top:12px;line-height:1.6}.coffee-site .more-section{padding-block:35px 40px}.coffee-site .section-heading{display:block;margin-bottom:24px}.coffee-site .section-heading h2,.coffee-site.theme-b .section-heading h2{font-size:32px;margin-top:10px;letter-spacing:-1px}.coffee-site .section-heading>p{font-size:13px;margin-top:14px;max-width:380px}.coffee-site .section-kicker{font-size:9px}.coffee-site .idea-grid{grid-template-columns:1fr;gap:28px}.coffee-site .idea-image,.coffee-site.theme-b .idea-image,.coffee-site.theme-c .idea-image{aspect-ratio:1.35;border-radius:12px}.coffee-site .idea-meta{margin-top:12px}.coffee-site .idea-meta h3{font-size:16px}.coffee-site .idea-meta p{font-size:10px}.coffee-site .idea-tag{font-size:8px;top:12px;left:12px}.coffee-site .how-section{padding-block:37px 40px}.coffee-site .how-section h2{font-size:32px;max-width:330px;margin-top:10px}.coffee-site .step-grid{grid-template-columns:1fr;margin-top:26px;gap:24px}.coffee-site .step-card{padding-top:18px;display:grid;grid-template-columns:30px 1fr;gap:10px}.coffee-site .large-number{grid-column:1;grid-row:1/3;margin-top:3px;font-size:10px}.coffee-site .step-card h3{grid-column:2;margin:0;font-size:18px}.coffee-site .step-card p{grid-column:2;margin:0;font-size:13px;max-width:none}.coffee-site .faq-section{grid-template-columns:1fr;gap:29px;padding-block:37px 40px}.coffee-site .faq-section h2{font-size:32px;margin-bottom:18px}.coffee-site .faq-list summary{font-size:14px;line-height:1.5}.coffee-site .faq-list details p{font-size:12px}.coffee-site .faq-list details{padding-block:18px}.coffee-site .final-section{padding:32px 18px;margin-bottom:40px}.coffee-site .final-section h2{font-size:35px;margin:13px auto 22px}.coffee-site .final-section .primary-button{min-width:0;width:100%;max-width:290px}.coffee-site .site-footer{display:flex;flex-direction:column;gap:25px;padding-top:28px}.coffee-site .site-footer p{font-size:11px}.coffee-site .footer-links{justify-content:start;gap:15px 22px;font-size:11px}.coffee-site .footer-bottom{flex-wrap:wrap;gap:13px;justify-content:space-between;font-size:9px}.coffee-site .footer-bottom span:nth-child(2){order:3;width:100%;max-width:none;line-height:1.6}.coffee-site.theme-b h1{font-size:47px;letter-spacing:-1.8px}.coffee-site.theme-b .creator{margin-top:24px}.coffee-site.theme-b .plan-option{min-height:112px;padding:12px 9px}.coffee-site.theme-b .plan-information strong{font-size:10px}.coffee-site.theme-b .plan-radio{width:11px;height:11px;right:8px;top:13px}.coffee-site.theme-b .plan-cost strong{font-size:17px}.coffee-site.theme-b .selected-summary{margin-top:19px}.coffee-site.theme-b .selected-summary strong{font-size:34px}.coffee-site.theme-b .video-frame{aspect-ratio:9/12;border-radius:90px 90px 7px 7px}.coffee-site.theme-b .feed-layout>.feed-rail{gap:13px}.coffee-site.theme-b .feed-thumbnails{display:grid;max-width:230px;gap:10px}.coffee-site.theme-b .scene-thumb{width:100%;max-width:none;display:block;border:0;opacity:.6;border-radius:5px;overflow:visible;height:54px}.coffee-site.theme-b .scene-thumb.active{opacity:1}.coffee-site.theme-b .scene-thumb img{width:100%;height:54px;border-radius:5px}.coffee-site.theme-b .scene-thumb span{display:none}.coffee-site.theme-b .reference-pill{top:24px;font-size:7px;left:50%}.coffee-site.theme-b .video-caption h3{font-size:29px}.coffee-site.theme-b .atelier-stamp{font-size:12px;margin-top:17px}.coffee-site.theme-b .editorial-rule{font-size:7px;letter-spacing:.8px;padding-block:15px;gap:10px}.coffee-site.theme-b .editorial-rule>span:last-child{text-align:right;max-width:165px}.coffee-site.theme-b .more-section{padding-top:32px}.coffee-site.theme-b .idea-meta h3{font-size:22px}.coffee-site.theme-b .step-card h3{font-size:23px}.coffee-site.theme-b .final-section h2{font-size:36px}.coffee-site.theme-c .hero-left{padding-top:0}.coffee-site.theme-c h1{font-size:51px;letter-spacing:-2.8px;line-height:1.08}.coffee-site.theme-c h1 span:nth-child(2){max-width:340px}.coffee-site.theme-c .hero{gap:28px}.coffee-site.theme-c .plan-option{min-height:103px;padding:11px 8px}.coffee-site.theme-c .plan-information strong{font-size:9px}.coffee-site.theme-c .plan-information strong>span{font-size:12px}.coffee-site.theme-c .plan-cost strong{font-size:16px}.coffee-site.theme-c .plan-radio{right:7px}.coffee-site.theme-c .video-frame{height:auto;aspect-ratio:3/4;border-radius:17px}.coffee-site.theme-c .video-frame:before{border-radius:17px}.coffee-site.theme-c .feed-layout>.feed-rail{flex-direction:column;gap:9px;position:absolute;bottom:97px;right:12px;margin:0}.coffee-site.theme-c .feed-thumbnails{flex-direction:column;gap:8px}.coffee-site.theme-c .scene-thumb{width:40px;height:49px;border-radius:8px}.coffee-site.theme-c .feed-arrow{width:28px;height:28px}.coffee-site.theme-c .feed-arrow svg{transform:none}.coffee-site.theme-c .video-caption{right:70px;left:19px}.coffee-site.theme-c .video-caption h3{font-size:26px;letter-spacing:-1px}.coffee-site.theme-c .reel-edge-label{font-size:7px;letter-spacing:1.4px}.coffee-site .modal-backdrop{padding:14px}.coffee-site .modal{padding:23px;max-height:calc(100dvh - 28px);border-radius:16px}.coffee-site .modal h2{font-size:26px}.coffee-site .delivery-grid{grid-template-columns:1fr;gap:18px}.coffee-site .delivery-image{max-height:350px;aspect-ratio:9/10}.coffee-site .delivery-side{display:grid;grid-template-columns:48px 1fr;gap:12px}.coffee-site .delivery-side>img{width:48px;height:48px;grid-row:1/3}.coffee-site .delivery-side>p,.coffee-site .delivery-side>.secondary-button,.coffee-site .delivery-side>.subtle-link{grid-column:1/-1}.coffee-site .state-tabs{gap:5px}.coffee-site .state-tabs button{font-size:10px;padding:8px 10px}.coffee-site .modal .subtle-link{font-size:11px}}
@media(max-width:370px){.coffee-site .page-width{width:calc(100% - 28px)}.coffee-site .brand{font-size:13px;gap:6px}.coffee-site .signin-button{padding:7px 9px}.coffee-site.theme-c h1{font-size:46px}.coffee-site.theme-b h1{font-size:43px}.coffee-site h1{font-size:39px}.coffee-site .creator,.coffee-site.theme-c .creator{padding:15px}.coffee-site .plan-information strong{font-size:11px}.coffee-site .plan-information strong>span{font-size:9px}.coffee-site.theme-b .plan-cost strong{font-size:15px}.coffee-site.theme-c .plan-cost strong{font-size:14px}.coffee-site.theme-c .plan-options{gap:4px}.coffee-site.theme-c .plan-option{padding:10px 6px}.coffee-site.theme-c .plan-radio{width:10px;height:10px;right:5px}.coffee-site.theme-c .plan-information strong{font-size:8px}.coffee-site.theme-c .plan-information strong>span{font-size:11px}.coffee-site .upload-formats{font-size:8px}.coffee-site .prototype-strip>div{gap:7px}}
.coffee-site[lang=zh-CN] h1{letter-spacing:-1px;line-height:1.2}.coffee-site[lang=zh-CN] .hero-description,.coffee-site[lang=zh-CN] .step-card p,.coffee-site[lang=zh-CN] .faq-list details p{line-height:1.8}.coffee-site[lang=zh-CN].theme-c h1{font-size:56px}.coffee-site[lang=zh-CN] h2{letter-spacing:-1px}.coffee-site[lang=zh-CN] .plan-information strong>span{margin-left:4px}@media(max-width:700px){.coffee-site[lang=zh-CN].theme-c h1{font-size:43px}.coffee-site[lang=zh-CN].theme-b h1{font-size:43px}}@media(prefers-reduced-motion:reduce){.coffee-site{scroll-behavior:auto}.coffee-site *,.coffee-site *:before,.coffee-site *:after{transition:none!important;animation:none!important}}
/* Keep reference footage within the hero rather than letting a portrait set the page height. */
.coffee-site.theme-a .video-frame{max-height:670px}.coffee-site.theme-b .feed-shell{max-width:560px;margin-inline:auto}.coffee-site.theme-c .feed-shell{max-width:650px;margin-left:auto}@media(max-width:900px){.coffee-site.theme-a .video-frame{max-height:none}.coffee-site.theme-b .feed-shell,.coffee-site.theme-c .feed-shell{max-width:none;margin:0}}

.coffee-site{--bg:#0d1017;--card:#171c27;--text:#f4f3ee;--muted:#a1a7b6;--line:#343a48;--accent:#ff795b;--on-accent:#19120e;--soft:#232938;--radius:16px;min-height:100vh}.coffee-site .hero h1{font-size:49px;letter-spacing:-2.5px}.coffee-site .launch-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}.coffee-site .launch-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:9px;color:var(--accent);margin-bottom:17px}.coffee-site .create-button[aria-disabled=true]{background:var(--soft);border:1px solid var(--line);color:var(--muted);cursor:not-allowed}.coffee-site .header-language{font-size:10px;color:var(--muted);padding:4px}.coffee-site .launch-document{max-width:780px;margin:0 auto;padding:55px 28px 80px}.coffee-site .launch-document h1{font-size:46px;line-height:1.13;letter-spacing:-1.8px}.coffee-site .launch-document>p{font-size:17px;line-height:1.8;margin-top:20px}.coffee-site .launch-document h2{font-size:27px;letter-spacing:-.8px;margin:35px 0 15px}.coffee-site .launch-document section p{font-size:15px;line-height:1.85;margin:10px 0}.coffee-site .launch-document a:not(.primary-button){text-decoration:underline;text-underline-offset:4px}.coffee-site .launch-document .source-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:18px}.coffee-site .launch-document .primary-button{max-width:340px;margin-top:30px}.coffee-site .auth-page{padding:60px 18px 80px}.coffee-site .auth-card{max-width:430px;margin:auto;padding:29px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.coffee-site .auth-card h1{font-size:31px;letter-spacing:-1px}.coffee-site .auth-card .auth-mark{margin-top:0}.coffee-site .auth-card form>label{display:block;font-size:12px;margin-top:17px}.coffee-site .auth-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);margin-top:7px}.coffee-site .auth-card form small{font-size:10px;color:var(--muted)}.coffee-site .auth-card .auth-notice{padding:13px;background:var(--soft);border-radius:7px}.coffee-site .account-page{min-height:55vh}.coffee-site .planned-prices{margin-top:27px}.coffee-site .planned-prices .plan-option{cursor:default}.coffee-site .source-links a{color:var(--muted)}@media(max-width:700px){.coffee-site .hero h1{font-size:42px;letter-spacing:-2px}.coffee-site .launch-document{padding:35px 18px 55px}.coffee-site .launch-document h1{font-size:35px}.coffee-site .launch-document>p{font-size:15px}.coffee-site .auth-page{padding-top:32px}.coffee-site .auth-card{padding:23px}.coffee-site .header-language{font-size:9px}.coffee-site .hero h1 span:first-child{white-space:normal}}
.coffee-site .menu-toggle{display:none}.coffee-site .auth-card .google-button{margin-top:24px}.coffee-site.theme-c .video-frame>video{object-fit:contain;background:#121722}.coffee-site .feed-thumbnails button{border-style:solid}.coffee-site button:disabled{cursor:not-allowed}@media(max-width:700px){.coffee-site .menu-toggle{display:grid}}