*{box-sizing:border-box}:root{--content-max:1080px}body{color:#14140f;background:#faf9f5;margin:0;font-family:Open Sans,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #7fb8e0}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2{color:#14140f;margin:0;font-family:Montserrat,sans-serif;font-weight:600}.page{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.nav{z-index:40;background:#faf9f5f2;border-bottom:1px solid #14130e14;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 40px;display:flex;position:sticky;top:0}.title-line{white-space:nowrap;flex:none;align-items:baseline;column-gap:.3em;width:max-content;display:flex}.wordmark{font-size:30px;line-height:1;text-decoration:none;transition:opacity .25s,transform .25s}.wordmark[data-hidden]{opacity:0;pointer-events:none;transform:translateY(6px)}.nav-links{gap:28px;display:flex}.nav-link{color:#14140f;padding:4px 0;font-size:14px;font-weight:600;text-decoration:none}.nav-link[aria-current=page]{border-bottom:2px solid #14140f}.nav-muted{color:#14130e99}.nav-count{box-sizing:border-box;color:#fff;font-variant-numeric:tabular-nums;vertical-align:1px;background:#ff3d8b;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.hero{width:100%;max-width:var(--content-max);text-align:center;flex-direction:column;align-items:center;gap:28px;padding:56px 40px 48px;display:flex}.hero h1{justify-content:center;width:100%;line-height:1.15;display:flex}.hero p{color:#14130eb8;white-space:nowrap;max-width:none;margin:0;font-size:16px;line-height:1.75}.steps{width:100%;max-width:var(--content-max);grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0 40px 56px;list-style:none;display:grid}.step{align-items:flex-start;gap:14px;display:flex}.step-num{color:#fff;background:#14140f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.step-num[data-step="3"]{color:#b5730a;background:#ffe6bf}.step strong{font-size:15px;font-weight:700}.steps .step strong{font-size:19px;line-height:26px;display:block}.step p{color:#14130ea6;margin:4px 0 0;font-size:14px;line-height:1.55}.app{width:100%;max-width:var(--content-max);padding:0 40px;scroll-margin-top:92px}@media (width>=701px){:root{--content-max:min(1080px, calc((100svh - 356px) * 2.257 + 80px))}}@media (width>=701px) and (height>=860px){:root{--content-max:min(1080px, calc((100svh - 306px) * 2.257 + 80px))}}.frame{background:#0d1116;border-radius:8px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.stage{aspect-ratio:1264/560;position:relative;overflow:hidden}.stage>img{filter:url(#lift-shadows);width:100%;height:auto;display:block}.haiku{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2cqw;width:85.9%;height:55.78%;padding:2cqw 4cqw;display:flex;position:absolute;top:6.91%;left:9.3%;transform:rotate(-.28deg)}.haiku span{white-space:nowrap;transform-origin:50%;opacity:.92;mix-blend-mode:multiply;line-height:1.2;transition:color .3s;display:block}.haiku span.reveal{animation:.35s ease-out backwards reveal}@keyframes reveal{0%{opacity:0}}.surface{pointer-events:none;width:85.9%;height:55.78%;position:absolute;top:6.91%;left:9.3%;transform:rotate(-.28deg)}.sheen{mix-blend-mode:soft-light;background:linear-gradient(104deg,#22283429 0%,#2228340f 30%,#ffffff1a 66%,#fffcf42e 100%)}.vignette{box-shadow:inset 0 0 5cqw #28303c24,inset 0 -1cqw 2cqw #28303c1f}.btn{color:#14140f;background:#fff;border:1px solid #14130e24;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:#f4f2ec}.btn:disabled{opacity:.45}.btn{padding:12px 18px;font-size:14px}.btn-primary{color:#fff;background:#14140f;border-color:#14140f;padding:12px 22px;font-weight:700}.btn-primary:hover:not(:disabled){background:#33322a}.btn-amber{color:#8a5507;background:#ffe6bf;border-color:#f0c27a;padding:12px 20px;font-weight:700}.btn-amber:hover:not(:disabled){background:#ffdca5}.editor{background:#fff;border:1px solid #14130e24;border-radius:14px;margin-top:16px;overflow:hidden}.editor-row{border-bottom:1px solid #14130e14;grid-template-columns:110px minmax(0,1fr) 44px 44px;align-items:center;gap:4px;padding:6px 10px 6px 18px;display:grid}.editor-head{display:contents}.editor-label{color:#14130ebf;flex-direction:column;grid-area:1/1;display:flex}.editor-line{font-size:13px;font-weight:700}.editor-syl{color:#14130e8c;white-space:pre;font-size:12px;font-weight:400}.editor-text{white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;line-height:1.3;overflow:hidden}.icon-wrap{display:flex;position:relative}.icon-btn{cursor:pointer;color:#14130e73;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.icon-btn:hover,.icon-btn:active{background:#f4f2ec}.icon-btn[aria-pressed=true]{background:#ffe6bf}.icon-btn .aa{font-size:13px}.icon-tip{color:#fff;white-space:nowrap;pointer-events:none;z-index:3;background:#14140f;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:600;display:none;position:absolute;top:50%;right:calc(100% + 4px);transform:translateY(-50%)}.icon-tip-up{inset:auto auto calc(100% + 6px) 50%;transform:translate(-50%)}.icon-wrap:has(:focus-visible) .icon-tip{display:block}@media (hover:hover){.icon-wrap:hover .icon-tip{display:block}}.aa{font-family:Montserrat,sans-serif;font-weight:700}.editor-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex;position:relative}.editor-actions .btn{border-radius:12px;height:48px}.roll{gap:16px;width:240px}.btn-tint{background:#f4f2ec;border:0;width:48px;padding:0}.btn-tint:hover:not(:disabled){background:#ebe8de}.btn-tint svg{width:18px;height:18px}.save-tag{z-index:3;color:#fff;opacity:0;pointer-events:none;background:#14140f;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;bottom:calc(100% - 4px);right:18px;box-shadow:0 4px 14px #14130e33}.save-tag:empty{display:none}.save-tag[data-visible]{opacity:1;pointer-events:auto}.save-tag-check,.save-tag-link{color:#ffe6bf}.save-tag-link{font-weight:700;text-decoration:none}.share{margin-left:auto}.save{width:200px}.gallery-card{background:#fff;border:1px solid #14130e1f;border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;min-height:170px;padding:22px 20px 14px;display:flex;position:relative}.haiku-lines{flex-direction:column;gap:10px;display:flex}.haiku-lines p{text-wrap:balance;text-box:trim-both cap alphabetic;margin:0}.yours-tag{color:#b5730a;margin-left:8px;font-size:12px;font-weight:700}.upvote{color:#14140f;background:#fff;border:1px solid #14130e24;border-radius:999px;align-self:flex-end;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.upvote:hover{background:#f4f2ec}.upvote[aria-pressed=true]{color:#8a5507;background:#ffe6bf;border-color:#f0c27a}.upvote-count{font-family:Open Sans,sans-serif}.preview{background:#f1efe7;width:100%;margin-top:64px}.preview-inner{max-width:var(--content-max);flex-direction:column;gap:24px;margin:0 auto;padding:56px 40px 64px;display:flex}.preview-head{justify-content:space-between;align-items:flex-end;display:flex}.preview-head h2{font-size:30px}.preview-head p{color:#14130ead;margin:6px 0 0;font-size:15px}.preview-all{font-size:14px;font-weight:600;text-decoration:none}.preview-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.preview-cta{align-self:center;padding:13px 26px}.preview-cta-count{color:#ffe6bf}.gallery-page{flex-direction:column;flex:1;width:100%;display:flex}.gallery-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:48px 60px 24px;display:flex}.gallery-head h1{font-size:46px;line-height:1.05}.gallery-head p{color:#14130ead;max-width:620px;margin:12px 0 0;font-size:16px;line-height:1.65}.gallery-toolbar{border-bottom:1px solid #14130e14;align-items:center;gap:12px;padding:0 60px 20px;display:flex}.segmented{background:#fff;border:1px solid #14130e24;border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:#14130ea6;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600}.segmented button[aria-pressed=true]{color:#fff;background:#14140f}.font-toggle{color:#14130ea6;background:#fff;border:1px solid #14130e24;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600}.font-toggle[aria-pressed=true]{color:#fff;background:#14140f}.gallery-total{color:#14130e8c;margin-left:auto;font-size:13px}.gallery-results{background:#f1efe7;flex-direction:column;flex:1;gap:24px;padding:28px 60px 56px;display:flex}.gallery-results>p{margin:0}.gallery-status{color:#b5401f;font-weight:600}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gallery-grid .gallery-card{min-height:160px}.gallery-load-more{background:#fff;border:1px solid #14130e24;border-radius:999px;align-self:center;padding:10px 24px;font-weight:600}.gallery-load-more:disabled{opacity:.5}.footer{width:100%;max-width:var(--content-max);color:#14130e8c;letter-spacing:.02em;justify-content:center;align-items:center;gap:12px;padding:56px 24px 72px;font-size:12px;line-height:1.8;display:flex}.postcard{background:#f1efe7;border:1px solid #14130e24;border-radius:14px;align-items:center;gap:32px;margin-top:40px;padding:24px 28px;display:flex}.postcard-text{flex-direction:column;flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.postcard-heading{flex-direction:column;gap:6px;display:flex}.postcard-heading h2{color:#14140f;margin:0;font-family:Montserrat,sans-serif;font-size:22px;font-weight:600}.postcard-heading p{color:#14130ea6;margin:0;font-size:14px;line-height:1.55}.postcard-thumbs{gap:12px;display:flex}.postcard-item{flex-direction:column;align-items:center;gap:6px;display:flex}.postcard-label{color:#14130eb3;font-size:12px;font-weight:600}.postcard-thumb{aspect-ratio:4/5;cursor:pointer;background-color:#8aa2bb;border:2px solid #fff;border-radius:6px;width:96px;padding:0;transition:transform .12s;box-shadow:0 1px 3px #14130e40}.postcard-thumb:hover{transform:translateY(-2px)}.postcard-thumb[data-id="1a"]{background:#faf9f5 url(/assets/billboard-COg8dHQy.png) 50% 35%/120% no-repeat}.postcard-thumb[data-id="1b"]{background:#8aa2bb url(/assets/sutro-blank-CbBt16nc.jpeg) 60%/cover no-repeat}.postcard-thumb[data-id="1c"]{background:#c3d3e6 url(/assets/day-billboard-DCgttm2v.jpg) 50%/cover no-repeat}.postcard-thumb[data-id="1d"]{background:#0b0606 url(/assets/night-billboard-DacBziWo.jpg) 50%/cover no-repeat}.postcard-get{color:#14140f;background:#fff;border-color:#14130e2e;border-radius:12px;gap:8px;min-width:200px;height:48px;padding:0 20px;font-size:14px;font-weight:700}.postcard-get:hover:not(:disabled){background:#f4f2ec}.postcard-get svg{width:15px;height:15px}.help-btn,.help-card,.help-scrim{display:none}.help-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.help-head{justify-content:space-between;align-items:center;display:flex}.help-head h2{font-size:17px}.share-scrim{z-index:100;background:#14130e99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.share-dialog{color:#14140f;background:#fff;border:1px solid #14130e24;border-radius:14px;grid-template-columns:432px minmax(0,1fr);gap:32px;width:100%;max-width:1000px;margin:auto;padding:28px;display:grid}.share-preview{aspect-ratio:4/5;color:#14130e80;background:#f1efe7;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:13px;display:flex;overflow:hidden}.share-preview>div,.share-thumb>div{background-size:cover;width:100%;height:100%}.share-side{flex-direction:column;gap:20px;display:flex}.share-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.share-head h2{margin:0 0 6px;font-family:Montserrat,sans-serif;font-size:26px;font-weight:600}.share-head p{color:#14130ea6;margin:0;font-size:14px;line-height:1.55}.share-close{flex:none;width:36px;height:36px;padding:0;font-size:18px;line-height:1}.share-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.share-tile{color:#14140f;text-align:left;background:#fff;border:2px solid #14130e1a;border-radius:10px;flex-direction:column;gap:8px;padding:8px;font-size:13px;font-weight:600;display:flex}.share-tile[aria-pressed=true]{border-color:#14140f}.share-thumb{aspect-ratio:4/5;background:#f1efe7;border-radius:6px;width:100%;overflow:hidden}.share-actions{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 24px;margin-top:auto;display:flex}.share-action{color:#14140f;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:72px;padding:0;font-size:12px;font-weight:600;display:flex}.share-action-icon{background:#f1efe7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.share-action:hover .share-action-icon{background:#e6e3d6}.share-actions .status{text-align:center;flex-basis:100%;min-height:1em}@media (width<=700px){.share-dialog{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px;position:relative}.share-close{z-index:1;background:#ffffffe6;position:absolute;top:28px;right:28px;box-shadow:0 1px 4px #14130e40}}@media (width<=1000px){.gallery-grid,.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.nav{gap:12px;height:auto;min-height:64px;padding:8px 16px 8px 20px}.wordmark{font-size:24px}.nav-link{padding:0;line-height:44px;display:inline-block}.hero{background:#f1efe7;border-bottom:1px solid #14130e1a;gap:16px;max-width:none;padding:36px 20px 32px}.hero h1{flex-direction:column;align-items:center;gap:4px;line-height:1.02}.hero p{white-space:normal;text-wrap:balance;max-width:320px;font-size:15px;line-height:1.65}.steps{grid-template-columns:1fr;gap:12px;padding:0 20px 24px}.step{align-items:center}.steps .step strong{line-height:normal}.step-num{width:26px;height:26px;font-size:13px}.step p{color:#14130eb8;margin:0;font-size:14px}.app{padding:44px 16px 0}.editor-row{flex-direction:column;align-items:stretch;gap:2px;padding:6px 8px 12px 14px;display:flex}.editor-head{align-items:center;gap:4px;display:flex}.editor-label{white-space:nowrap;flex-direction:row;flex:1;font-size:12px}.editor-text{white-space:normal;text-overflow:clip;text-wrap:balance;padding-right:6px;line-height:1.25;overflow:visible}.editor-actions{grid-template-columns:1fr auto auto;padding:14px;display:grid}.roll{white-space:nowrap;gap:10px;width:auto}.save{grid-column:1/-1;width:auto}.save-tag{left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));border-radius:12px;min-height:48px;padding:0 16px;font-size:14px;position:fixed;box-shadow:0 6px 20px #14130e4d}.save-tag-msg{flex:1}.save-tag-link{padding:12px 0 12px 8px}.nav-links{align-items:center;gap:14px}.help-btn{color:#14140f;background:#fff;border:1px solid #14130e24;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;display:inline-flex}.help-btn[aria-expanded=true]{color:#fff;background:#14140f;border-color:#14140f}.steps{display:none}.help-card{background:#fff;border:1px solid #14130e24;border-radius:14px;flex-direction:column;gap:14px;width:calc(100% - 32px);margin:0 16px 20px;padding:18px;display:flex}.help-close{color:#14130e99;background:0 0;border:0;width:44px;height:44px;margin:-10px -10px -10px 0;font-size:20px}.help-steps .step-num{width:26px;height:26px;font-size:13px}.help-steps strong{font-size:14px}.help-steps .step p{color:#14130ead;font-size:14px;line-height:1.5}.help-gotit{border-radius:12px;width:100%;height:44px}.help-scrim{z-index:100;background:#14130e99;align-items:flex-end;display:flex;position:fixed;inset:0}.help-sheet{color:#14140f;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:16px;width:100%;padding:10px 20px 28px;display:flex}.help-grab{background:#14130e33;border-radius:2px;align-self:center;width:36px;height:4px}.help-sheet .help-head h2{font-size:20px}.help-sheet-close{width:44px;height:44px;padding:0;font-size:20px}.share{display:none}.postcard{flex-direction:column;align-items:stretch;gap:14px;margin-top:44px;padding:18px}.postcard-text{display:contents}.postcard-heading{order:1}.postcard-heading h2{font-size:20px}.postcard-thumbs{order:2;width:100%}.postcard-item{flex:1;min-width:0}.postcard-thumb{width:100%}.postcard-thumb[data-id="1a"]{background-size:140%}.postcard-get{order:3;min-width:0}.preview{margin-top:44px}.preview-inner{gap:14px;padding:32px 16px}.preview-head h2{font-size:24px}.preview-head p{font-size:14px}.preview-grid,.gallery-grid{grid-template-columns:1fr;gap:12px}.gallery-card{padding:18px 16px 12px}.upvote{min-height:44px;padding:6px 16px}.preview-cta,.make-your-own{border-radius:12px;align-self:stretch;height:48px}.gallery-head{padding:28px 16px 16px}.gallery-head h1{font-size:32px}.gallery-head p{margin-top:8px;font-size:14px}.gallery-toolbar{padding:0 16px 14px}.segmented button,.font-toggle{min-height:36px}.gallery-total{font-size:12px}.gallery-results{gap:12px;padding:16px}.gallery-load-more{min-height:44px}}.save-dialog{color:#14140f;background:#fff;border:1px solid #14130e24;border-radius:14px;flex-direction:column;gap:8px;width:100%;max-width:400px;margin:auto;padding:24px;display:flex}.save-dialog h2{margin:0;font-family:Montserrat,sans-serif;font-size:22px;font-weight:600}.save-dialog p{color:#14130ea6;margin:0 0 8px;font-size:14px}.save-dialog label{font-size:12px;font-weight:700}.save-dialog input{font:inherit;border:1px solid #14130e40;border-radius:8px;padding:10px 12px}.save-dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.gallery-card-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.creator{color:#14130e99;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}