:root{--paper:#FFF8E8;--red:#C9362B;--yellow:#F6D85A;--blue:#2346C8;--green:#174C3C;--ink:#24251F;--muted:#777264;--line:#DED8C9;--sans:'PingFang SC','Microsoft YaHei',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:#EDE9DC;color:var(--ink);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin:0}button svg,a svg{pointer-events:none}.icon{width:22px;height:22px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tiny,.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.15em}.muted{color:var(--muted)}.hidden{display:none!important}.app-shell{position:relative;margin:auto;max-width:480px;min-height:100vh;background:var(--paper);box-shadow:0 0 70px #29281f09}#app{padding-bottom:100px;min-height:100vh}.desktop-rail,.desktop-note{display:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 16px;background:var(--paper)}.wordmark{font-size:32px;line-height:1;font-weight:950;letter-spacing:-2px;color:var(--red);display:inline-flex;align-items:center;gap:10px}.wordmark span{font:800 9px/1.2 Arial;letter-spacing:.07em;width:36px;color:inherit}.city-label{font-weight:650;font-size:13px;display:flex;align-items:center;gap:6px}.city-label .icon{width:16px;height:16px}.cover{margin:2px 20px 22px;padding:23px 23px 19px;background:var(--yellow);border:1.5px solid var(--ink);border-radius:22px;position:relative;overflow:hidden;min-height:196px;box-shadow:3px 4px 0 var(--ink)}.cover .eyebrow{font-size:10px;letter-spacing:.1em;color:var(--green)}.cover h1{font-size:40px;line-height:1.13;letter-spacing:-2px;font-weight:950;margin-top:12px;position:relative;z-index:1}.cover h1 span{color:var(--red)}.cover p{font-size:13px;margin-top:11px;position:relative;z-index:1}.cover .cover-art{width:192px;height:192px;object-fit:contain;position:absolute;right:-15px;top:21px;mix-blend-mode:multiply;transform:rotate(8deg)}.cover .cover-count{position:absolute;right:16px;top:19px;transform:rotate(9deg);border:1.5px solid var(--ink);color:var(--paper);background:var(--blue);padding:5px 12px;border-radius:99px;font:700 12px Arial}.cover.has-art h1{font-size:37px}.cover-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #28271845;margin-top:19px;padding-top:12px;font-size:11px;position:relative;z-index:1}.cover-foot span:last-child{font-weight:800;letter-spacing:.06em}.section-heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 22px;margin:0 0 14px}.section-heading h2{font-size:20px;letter-spacing:-.5px}.section-heading small{font-size:12px;color:var(--muted)}.filters{padding:8px 20px 17px;display:flex;gap:7px;position:sticky;top:0;z-index:8;background:var(--paper)}.filter-wrap{min-width:0;flex:1;position:relative}.filter-wrap select{border:1px solid #B9B3A5;border-radius:99px;padding:9px 20px 9px 12px;width:100%;font-size:13px;appearance:none;background:#FFFCF3;cursor:pointer}.filter-wrap:after{content:'⌄';position:absolute;right:10px;top:7px;pointer-events:none}.filter-wrap select.active{background:var(--ink);color:white;border-color:var(--ink)}.cards{padding:0 20px;display:grid;gap:19px}.shop-card{background:#FFFDF5;border:1.4px solid var(--ink);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.shop-card:hover{transform:translateY(-2px);box-shadow:3px 4px 0 #24251f}.card-body{position:relative;padding:19px 18px 18px;display:block;text-align:left;width:100%;border:0;background:var(--tint);cursor:pointer;color:var(--ink)}.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.district-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;background:var(--accent);color:#FFF8E8;border-radius:5px;padding:4px 8px}.district-tag .icon{width:12px;height:12px}.serial{font:700 13px Arial;letter-spacing:.08em;color:var(--accent)}.serial span{opacity:.55}.card-body h3{font-size:25px;letter-spacing:-1px;font-weight:850;line-height:1.3;max-width:85%;margin-bottom:4px}.branch{font-size:12px;color:#685F61}.slogan{font-size:15px;line-height:1.6;margin-top:13px;padding-right:15px;max-width:310px}.card-arrow{position:absolute;right:19px;bottom:22px;color:var(--accent)}.card-arrow .icon{width:27px;height:27px}.shop-card.featured .card-body{padding-top:16px}.shop-card.featured .card-topline{margin-bottom:11px}.card-bottom{display:flex;align-items:center;gap:7px;padding:11px 12px 11px 16px;border-top:1px dashed #BFB6A6;min-height:57px}.travel{display:flex;align-items:center;gap:7px;font-size:12px;flex:1;line-height:1.4;color:#5E5D50}.travel .icon{width:18px;height:18px}.travel small{display:block;font-size:10px;color:#847D70}.save-small{background:none;border:0;width:38px;height:38px;border-radius:50%;color:#615B51}.save-small.on{color:var(--red);background:#FAE2D6}.save-small.on .icon{fill:currentColor}.nav-small{display:flex;gap:4px;align-items:center;border:0;border-radius:9px;padding:8px 10px;background:var(--ink);color:var(--paper);font-weight:650;font-size:12px;white-space:nowrap}.nav-small .icon{width:15px;height:15px}.endnote{padding:40px 25px;text-align:center}.endnote b{font-size:19px}.endnote p{font-size:13px;color:var(--muted);margin-top:9px}.text-btn{border:0;background:none;padding:10px 4px;color:var(--red);font-weight:650;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);padding:10px 25px calc(10px + env(safe-area-inset-bottom));background:#FFFBEFF2;backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:15;display:flex;gap:12px}.bottom-nav a{flex:1;display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;border-radius:12px;padding:12px 5px;color:#777264}.bottom-nav a.selected{background:var(--yellow);color:var(--ink)}.toast{position:fixed;bottom:99px;left:50%;transform:translate(-50%,10px);background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:12px;z-index:50;max-width:90vw;text-align:center;font-size:14px;opacity:0;pointer-events:none;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1.5px solid var(--ink);border-radius:24px 24px 8px 8px;width:min(calc(100% - 24px),450px);padding:0;background:var(--paper);max-height:88dvh;overflow:auto}dialog::backdrop{background:#17171465;backdrop-filter:blur(3px)}.sheet-inner{padding:23px}.sheet-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.sheet-title h2{font-size:23px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#FFFCF3;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 20px;border:1.3px solid var(--ink);border-radius:12px;background:var(--yellow);font-weight:750;font-size:15px;min-height:48px}.btn.primary{background:var(--red);color:var(--paper);border-color:var(--red)}.btn.blue{background:var(--blue);color:var(--paper);border-color:var(--blue)}.btn.ghost{background:transparent}.btn.block{width:100%}.sheet-inner p{color:#777264;font-size:14px;line-height:1.7;margin-bottom:18px}.field{display:block;font-size:14px;margin:16px 0 7px;font-weight:650}.input{width:100%;border:1px solid #BDB6A6;border-radius:10px;background:#FFFDF6;padding:12px;color:var(--ink);font-size:16px}.helper{font-size:12px!important;color:#777264;margin-top:12px!important}.row{display:flex;gap:10px}.row>*{flex:1}.empty{padding:35px 10px;text-align:center}.empty .icon{width:38px;height:38px;color:var(--blue);margin-bottom:10px}.empty h3{font-size:18px;margin-bottom:8px}.empty p{font-size:14px;color:var(--muted)}
@media(min-width:1050px){body{background-color:#EEE9DB;background-image:radial-gradient(#77715726 .8px,transparent .8px);background-size:9px 9px}.app-shell{box-shadow:0 0 0 1px #25251f28,0 24px 100px #35301a20;margin-top:26px;margin-bottom:26px;border-radius:28px;overflow:clip;min-height:calc(100vh - 52px)}.app-header{padding-top:26px}.bottom-nav{bottom:18px;width:456px;border:1.5px solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 #24251F;padding:8px 18px}.desktop-rail{display:flex;position:fixed;left:max(32px,calc(50vw - 660px));top:44px;bottom:38px;width:245px;flex-direction:column}.desktop-rail .wordmark{font-size:43px}.desktop-rail .wordmark span{font-size:11px;width:45px}.rail-middle{margin:auto 0}.rail-middle .tiny{font-size:10px;letter-spacing:.12em;color:var(--green)}.rail-middle h1{font-size:58px;font-weight:950;line-height:1.13;letter-spacing:-4px;margin:19px 0}.rail-middle h1 span{color:var(--red)}.rail-middle p{font-size:15px}.rail-rule{width:36px;height:3px;background:var(--ink);margin:33px 0 22px}#rail-nav{display:grid;gap:6px}#rail-nav a{font-size:14px;color:var(--muted);padding:10px 0;display:flex;gap:18px}#rail-nav a span{font:12px Arial;color:#958C77}#rail-nav a.selected{color:var(--red);font-weight:750}.rail-footer{font-size:12px;display:grid;gap:10px}.rail-footer b{font:9px Arial;letter-spacing:.15em;color:#88806E}.desktop-note{display:block;position:fixed;left:calc(50% + 295px);top:37%;transform:rotate(5deg);width:190px;padding:23px 22px;background:var(--yellow);border:1.5px solid var(--ink);box-shadow:5px 6px 0 #24251f}.desktop-note>span{font-size:18px;font-weight:800;line-height:1.4}.note-number{font:900 86px/.98 Arial;letter-spacing:-6px;color:var(--red);margin:18px 0}.desktop-note p{font-size:12px;border-top:1px dashed #29271988;padding-top:15px}.palette-dots{display:flex;gap:8px;margin-top:18px}.palette-dots i{width:18px;height:18px;border-radius:50%;background:var(--red)}.palette-dots i:nth-child(2){background:var(--blue)}.palette-dots i:nth-child(3){background:var(--green)}.palette-dots i:nth-child(4){background:var(--paper)}}
@media(min-width:1050px) and (max-width:1250px){.desktop-rail{width:200px;left:30px}.rail-middle h1{font-size:50px}.desktop-note{width:155px;left:calc(50% + 277px);padding:20px 17px}.note-number{font-size:70px}}
.detail-cover{margin:0 20px;background:var(--blue);color:var(--paper);border:1.5px solid var(--ink);border-radius:20px;position:relative;overflow:hidden;padding:22px;min-height:233px}.detail-cover:after{content:'';position:absolute;inset:auto 0 0;height:9px;background:repeating-linear-gradient(90deg,var(--yellow) 0 25px,transparent 25px 50px)}.detail-cover .eyebrow{font-size:10px;color:#D3DCF9}.detail-cover strong{display:block;font-size:53px;line-height:1.03;font-weight:950;letter-spacing:-3px;margin-top:18px;max-width:150px}.detail-cover .detail-art{position:absolute;right:-16px;bottom:12px;width:215px;height:215px;object-fit:contain;mix-blend-mode:screen;transform:rotate(-7deg);opacity:.95}.detail-cover .cover-caption{position:relative;font-size:10px;opacity:.8;margin-top:18px}.detail-info{padding:25px 22px 23px}.detail-info .card-topline{margin-bottom:12px}.detail-info h1{font-size:34px;font-weight:900;letter-spacing:-1.8px;line-height:1.3}.detail-sub{font-size:13px;color:var(--muted);margin:5px 0 16px}.detail-slogan{font-size:19px;line-height:1.65;color:var(--red);font-weight:650;border-left:3px solid var(--red);padding-left:13px}.facts-box{margin:0 20px 24px;padding:0 17px;border:1px solid var(--line);background:#FFFDF5;border-radius:16px}.fact-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.fact-row:last-child{border:0}.fact-row>.icon{color:var(--green);width:20px;margin-top:3px}.fact-row label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.fact-row p{font-size:15px;line-height:1.5}.fact-row small{font-size:12px;color:var(--muted)}.fact-row .copy{margin-left:auto;align-self:center;font-size:12px;border:0;background:none;color:var(--blue);padding:9px}.detail-section{padding:0 22px;margin-bottom:25px}.detail-section h2{font-size:20px;font-weight:850;margin-bottom:12px;display:flex;align-items:center;gap:8px}.detail-section p{font-size:15px;line-height:1.8;color:#625C50}.food-tags{display:flex;gap:8px;flex-wrap:wrap}.food-tag{font-size:14px;font-weight:650;background:var(--yellow);border:1px solid var(--ink);border-radius:8px;padding:9px 13px}.feel-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.feel-tags span{padding:5px 10px;background:#EFEBDC;border-radius:99px;font-size:12px;color:var(--green)}.source-info{font-size:12px;color:var(--muted);margin:20px 22px}.source-info summary{cursor:pointer}.source-info a{color:var(--blue);text-decoration:underline}.source-info p{margin:10px 0;line-height:1.8}.action-dock{position:sticky;bottom:89px;z-index:10;margin:24px 20px 0;display:flex;gap:10px;padding:10px;background:#FFF8E8E8;backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--line)}.action-dock .btn:first-child{flex:1}.action-dock .btn:last-child{flex:1.45}.stamp-preview{margin:10px auto 25px;width:128px;height:128px;border:3px double var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;color:var(--red);transform:rotate(-12deg);box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px var(--red);gap:3px}.stamp-preview strong{font-size:30px;line-height:1.1}.stamp-preview span{font-size:12px}.stamp-preview .icon{height:27px;width:27px}.success-title{text-align:center}.success-title h2{font-size:26px;color:var(--red);margin-bottom:8px}.success-title p{margin-bottom:22px}.checkin-photo-label{display:inline-flex;align-items:center;gap:8px;padding:10px;border:1px dashed #AAA18F;border-radius:10px;font-size:14px;cursor:pointer;margin:10px 0 18px}.checkin-photo-label input{max-width:185px;font-size:12px}.map-intro{padding:3px 22px 19px}.map-intro .eyebrow{color:var(--green)}.map-intro h1{font-size:31px;font-weight:950;letter-spacing:-1.5px;margin:7px 0}.map-intro p{font-size:14px;color:var(--muted)}.progress-ticket{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;margin:0 20px 20px;border:1.3px solid var(--ink);border-radius:14px;background:var(--yellow);position:relative}.progress-ticket .big{font:900 42px/1 Arial;letter-spacing:-2px}.progress-ticket .big small{font-size:19px;color:#9D7624;letter-spacing:0}.progress-ticket p{font-size:12px;margin-top:6px}.progress-ticket .ticket-caption{text-align:right;border-left:1px dashed #8C743B;padding-left:20px}.ticket-caption strong{font-size:17px}.ticket-caption span{display:block;font-size:11px;letter-spacing:.06em}.segmented{display:flex;margin:0 20px 15px;background:#EDE7D7;border-radius:99px;padding:4px;gap:4px}.segmented button{flex:1;border:0;background:none;border-radius:99px;padding:9px 4px;font-size:13px;color:var(--muted)}.segmented button.active{background:var(--green);color:var(--paper);font-weight:750}.map-frame{margin:0 20px 17px;border:1.5px solid var(--ink);border-radius:18px;overflow:hidden;position:relative;background:#EAF0D9}.map-frame svg{display:block;width:100%;height:auto;aspect-ratio:560/465}.map-frame svg a{cursor:pointer}.map-frame svg a:focus{outline:none}.map-frame svg a:focus circle{stroke:var(--ink);stroke-width:5}.map-frame .map-caption{font-size:10px;position:absolute;left:12px;bottom:9px;color:#586B5C}.map-tools{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.map-tools .icon-btn{width:34px;height:34px;background:var(--paper);border-color:#BBB49C}.map-actions{padding:0 20px;margin-bottom:25px;display:flex;gap:9px}.map-actions .btn{flex:1;padding-left:10px;padding-right:10px;font-size:14px}.map-list{padding:0 20px}.mini-card{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:12px}.mini-number{background:var(--tint);color:var(--accent);font:800 17px Arial;border-radius:10px;width:43px;height:45px;display:grid;place-items:center;flex:none}.mini-card .mini-main{flex:1;min-width:0}.mini-card h3{font-size:15px;margin-bottom:3px}.mini-card p{font-size:12px;color:var(--muted)}.mini-card>.icon{width:18px}.map-heading-action{border:0;background:none;color:var(--red);font-size:13px;font-weight:650}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.stamp-cell{border:2px solid var(--color);border-radius:12px;color:var(--color);background:transparent;padding:10px 2px;min-height:66px;transform:rotate(var(--rotate));opacity:.35}.stamp-cell.unlocked{opacity:1;background:#FFFCF1}.stamp-cell b{font-size:22px;display:block;line-height:1.2}.stamp-cell small{font-size:9px}.color-options{display:flex;gap:13px;padding:8px 0 15px}.color-choice{width:42px;height:42px;border:3px solid var(--paper);outline:1px solid var(--line);border-radius:50%;background:var(--swatch);font-size:0}.color-choice.selected{outline:2px solid var(--ink)}.route-picks{max-height:42vh;overflow:auto;margin-bottom:15px}.route-pick{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0;font-size:14px}.route-pick input{accent-color:var(--red);width:19px;height:19px}.route-pick small{display:block;font-size:12px;color:var(--muted)}.route-stop{display:flex;align-items:center;gap:8px;border-left:2px dashed var(--blue);padding:12px 0 12px 12px}.route-stop>span{color:var(--blue);font:800 16px Arial}.route-stop>div{flex:1;min-width:0;font-size:14px}.route-stop button{border:0;background:#EFEAD9;border-radius:8px;padding:4px}.route-stop button .icon{width:18px;height:18px}.poster-header{padding-bottom:11px}.poster-intro{padding:0 22px 17px;display:flex;align-items:baseline;justify-content:space-between}.poster-intro h1{font-size:24px;font-weight:850;letter-spacing:-1px}.poster-intro span{font:11px Arial;color:var(--muted)}.poster-stage{margin:0 26px 19px;padding:0;transform:rotate(-1.3deg);box-shadow:7px 8px 0 #2728221f}.poster-stage canvas{display:block;width:100%;height:auto;border:1px solid var(--ink);touch-action:none;cursor:grab}.poster-stage canvas:active{cursor:grabbing}.poster-tabs{display:flex;gap:5px;padding:0 20px 12px;border-bottom:1px solid var(--line)}.poster-tabs button{border:0;flex:1;background:none;border-radius:10px;padding:8px 3px;display:grid;justify-items:center;gap:5px;font-size:12px;color:var(--muted)}.poster-tabs button.selected{background:var(--yellow);color:var(--ink);font-weight:750}.poster-controls{padding:16px 22px;min-height:98px}.poster-controls label{font-size:13px;display:block;margin-bottom:8px}.template-options{display:flex;gap:8px}.template-choice{flex:1;border:1px solid #B9B3A5;background:#FFFDF5;padding:10px 5px;border-radius:10px;font-size:12px}.template-choice.selected{border:2px solid var(--red);color:var(--red);font-weight:700;background:#FAE7DC}.poster-save{padding:0 20px}.poster-save .btn{width:100%;background:var(--blue);border-color:var(--blue);color:var(--paper)}.poster-hint{font-size:12px;text-align:center;color:var(--muted);margin:12px 0 0}.sticker-options{display:flex;gap:7px;flex-wrap:wrap}.sticker-options button{padding:7px 11px;border:1px solid var(--ink);border-radius:99px;background:var(--yellow);font-weight:700;font-size:13px}.editor-undo{display:flex;gap:6px}.editor-undo button{background:none;border:0;padding:8px;font-size:12px;color:var(--muted)}.map-edit-stickers button{background:var(--yellow);border:1px solid var(--ink);border-radius:8px;padding:8px 12px;font-size:13px;margin:5px}.field-note{font-size:12px;color:var(--muted);margin-top:5px}
@media(max-width:375px){.cover{padding:18px}.cover .cover-art{width:163px;right:-22px}.cover .eyebrow{font-size:8px}.cover p{font-size:11px}.cover-foot{font-size:10px}.cover.has-art h1{font-size:34px}.detail-cover strong{font-size:45px}.detail-cover .detail-art{right:-35px;width:198px}.card-body h3{font-size:23px}.card-bottom{padding-left:11px;gap:4px}.travel{font-size:11px}.nav-small{padding:8px}.progress-ticket{padding:14px}.ticket-caption strong{font-size:14px}.poster-stage{margin-left:20px;margin-right:20px}}
.bottom-nav{gap:4px;padding-left:10px;padding-right:10px}.bottom-nav a{font-size:12px;gap:5px}.bottom-nav .icon{width:20px;height:20px}.journal-heading{padding:2px 22px 20px}.journal-heading .eyebrow{color:var(--blue)}.journal-heading h1{font-size:32px;letter-spacing:-1.3px;font-weight:950;margin:7px 0}.journal-heading p{color:var(--muted);font-size:14px}.journal-invite{margin:0 20px 20px;background:var(--blue);color:var(--paper);border:1.5px solid var(--ink);border-radius:18px;overflow:hidden;position:relative;padding:22px}.journal-invite .eyebrow{color:#CBD4FF;font-size:10px}.journal-invite h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:12px 0 16px;position:relative;z-index:1}.journal-invite h2 span{color:var(--yellow)}.journal-invite img{width:184px;height:184px;position:absolute;right:-16px;top:9px;mix-blend-mode:screen;opacity:.8}.journal-invite .btn{position:relative;z-index:1;font-size:13px;padding:10px 14px;min-height:43px}.journal-invite>p{font-size:11px;margin-top:15px;color:#D4DBFF}.journal-notice{margin:0 22px 18px;font-size:12px;color:var(--muted)}.journal-feed{display:grid;gap:20px;padding:0 20px}.journal-post{border:1.5px solid var(--ink);border-radius:18px;background:#FFFDF5;overflow:hidden}.post-head{display:flex;align-items:center;gap:10px;padding:14px}.avatar{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-weight:850;font-size:14px}.post-head>div:nth-child(2){flex:1}.post-head strong{font-size:13px;display:block}.post-head small{font-size:11px;color:var(--muted)}.post-head .post-stamp{color:var(--red);font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px;border:1px solid var(--red);padding:4px 6px;border-radius:6px;transform:rotate(5deg)}.post-stamp .icon{width:14px;height:14px}.post-photo{display:block;width:100%;max-height:360px;object-fit:cover;background:var(--yellow)}.post-no-photo{min-height:130px;display:flex;align-items:center;gap:17px;padding:22px;background:var(--tint);color:var(--accent)}.post-no-photo .icon{width:45px;height:45px}.post-no-photo b{font-size:21px}.post-content{padding:16px}.post-place{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;background:#EFEBDC;border-radius:6px;font-size:12px;color:var(--green);margin-bottom:10px}.post-place .icon{width:14px;height:14px}.post-content>p{font-size:16px;line-height:1.8;margin:4px 0 13px;overflow-wrap:anywhere}.post-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed var(--line);padding-top:13px}.post-actions .btn{font-size:12px;padding:8px 10px;min-height:38px;background:var(--yellow)}.like-btn{font-size:12px;display:flex;align-items:center;gap:5px;background:none;border:0;padding:8px;color:#6F685A}.like-btn.liked{color:var(--red)}.like-btn.liked .icon{fill:currentColor}.like-btn .icon{width:18px;height:18px}.comments{background:#F3EFDF;border-radius:10px;padding:10px 12px;margin-top:12px}.comment{font-size:13px;line-height:1.7;overflow-wrap:anywhere;padding:4px 0}.comment strong{color:var(--blue);font-weight:650}.comment-empty{font-size:12px;color:var(--muted)}.comment-form{display:flex;gap:6px;margin-top:8px}.comment-form input{flex:1;min-width:0;font-size:13px;background:#FFFDF5;border:1px solid var(--line);border-radius:8px;padding:9px}.comment-form button{border:0;background:var(--green);color:var(--paper);border-radius:8px;font-size:12px;padding:8px 12px}.journal-empty{border:1px dashed #BEB7A5;border-radius:14px;padding:25px 19px;text-align:left}.journal-empty h3{font-size:18px;margin-bottom:10px}.journal-empty p{font-size:14px;color:var(--muted);line-height:1.8}.journal-empty .empty-steps{display:flex;gap:8px;margin-top:19px}.empty-steps span{font-size:12px;padding:8px;border-radius:7px;background:var(--yellow)}.post-delete{background:none;border:0;color:var(--muted);font-size:11px;padding:8px 0;margin-top:5px}.local-badge{font-size:10px;border:1px solid var(--line);padding:2px 5px;border-radius:4px;color:var(--muted)}
html{scroll-behavior:auto}.detail-cover strong{font-size:43px;max-width:187px;line-height:1.15;letter-spacing:-2px}.detail-cover .detail-art{width:158px;height:158px;right:5px;bottom:26px;mix-blend-mode:normal;opacity:1;border:6px solid var(--paper);box-shadow:3px 3px 0 #141838}.detail-cover .cover-caption{font-size:10px;max-width:145px;line-height:1.5}.journal-invite img{mix-blend-mode:normal;border:5px solid var(--paper);width:125px;height:125px;right:13px;top:15px;transform:rotate(9deg);opacity:1}.journal-invite h2{font-size:29px;max-width:235px}.journal-invite h2 span{display:block;max-width:190px}
.brand-splash{position:fixed;inset:0;background:var(--yellow);z-index:100;display:grid;place-items:center;transition:opacity .16s ease;overflow:hidden}.brand-splash.leaving{opacity:0;pointer-events:none}.splash-inner{text-align:center;display:flex;flex-direction:column;align-items:center}.splash-kicker{font:700 11px Arial;letter-spacing:.2em;color:var(--green)}.splash-inner img{width:min(290px,65vw);height:auto;mix-blend-mode:multiply;margin:18px 0 4px;animation:splash-pop .5s cubic-bezier(.2,.8,.2,1) both}.splash-inner>strong{font-size:52px;font-weight:950;letter-spacing:-3px;color:var(--red);line-height:1.05}.splash-inner>strong span{display:block;font:800 13px Arial;letter-spacing:.12em;margin-top:10px}.splash-inner>p{font-size:24px;font-weight:850;margin-top:26px;letter-spacing:-1px}.splash-inner>small{font-size:13px;margin-top:9px;color:var(--green)}@keyframes splash-pop{from{transform:translateY(8px) rotate(-7deg) scale(.92);opacity:0}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}
.card-art{margin:0 0 16px;border:1.4px solid var(--ink);border-radius:14px;overflow:hidden;background:#FFF8E8;box-shadow:3px 3px 0 #24251f1f;aspect-ratio:900/560}.card-art img{display:block;width:100%;height:100%;object-fit:cover}.card-body h3{max-width:calc(100% - 42px)}.shop-card.featured .card-body{padding-top:19px}.shop-card.featured .card-topline{margin-bottom:16px}.detail-cover{min-height:262px}.detail-cover .detail-art{right:16px;bottom:18px;width:190px;height:118px;object-fit:cover;transform:rotate(5deg);mix-blend-mode:normal;opacity:1;border:5px solid var(--paper);border-radius:14px;box-shadow:4px 4px 0 #141838}.detail-cover strong{position:relative;z-index:1}.detail-cover .cover-caption{position:absolute;left:22px;bottom:22px;z-index:1}@media(max-width:375px){.card-art{margin-bottom:14px}.detail-cover .detail-art{width:165px;height:103px;right:10px;bottom:29px}.detail-cover{min-height:248px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.card-art:has(img[src*="assets/posters/"]){aspect-ratio:3/4;border-radius:3px}
.detail-cover:has(img[src*="assets/posters/"]){padding:0;min-height:0;background:none;border:0;border-radius:3px}
.detail-cover:has(img[src*="assets/posters/"]) .detail-art{position:static;display:block;width:100%;height:auto;transform:none;border:0;border-radius:0;box-shadow:none}
.detail-cover:has(img[src*="assets/posters/"]) .eyebrow,.detail-cover:has(img[src*="assets/posters/"]) strong,.detail-cover:has(img[src*="assets/posters/"]) .cover-caption,.detail-cover:has(img[src*="assets/posters/"]):after{display:none}
.poster-download{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px 20px 4px;padding:13px 16px;border:1px solid var(--ink);border-radius:8px;font-size:14px;font-weight:700;background:var(--yellow);text-decoration:none}