:root{color-scheme:dark;--bg:#070a0d;--panel:#10171c;--ink:#ecf2f4;--muted:#909fa8;--line:#273238;--cyan:#a1f5e8;--font:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;--mono:'Cascadia Code',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{color:#070a0d;background:var(--cyan)}.site-shell{max-width:1440px;padding:0 64px;margin:auto;position:relative}.page-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#52657109 1px,transparent 1px),linear-gradient(90deg,#52657109 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#0008,transparent 85%)}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;gap:18px;align-items:center;font-size:19px;font-weight:600;letter-spacing:-.6px}.brand-jp{font-weight:400;margin-left:2px}.brand-mark{font:italic 700 23px/.8 var(--mono);color:var(--cyan);letter-spacing:-7px;border:1px solid #759a9560;padding:14px 17px 14px 10px;transform:skewY(-7deg);border-radius:3px}.brand-mark span{position:relative;top:5px;font-size:19px}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover,.back-link:hover{color:var(--cyan)}.nav-project span{font:12px var(--mono);color:#83949b;margin-left:8px}.admin-link{display:flex;gap:14px;align-items:center;padding:10px 16px;border:1px solid #3c474e;border-radius:4px;background:#0f1519}.admin-link svg{width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:1.5}.hero{position:relative;min-height:605px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-copy{z-index:1;position:relative;padding:58px 0 55px}.eyebrow{color:var(--cyan);font:12px/1.6 var(--mono);letter-spacing:2.4px;display:flex;align-items:center;gap:12px}.tiny-cross{font-size:22px;font-weight:300}.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.23;letter-spacing:2px;margin:28px 0 23px;font-weight:650}.heading-dot{font-family:var(--mono);color:var(--cyan);letter-spacing:-5px}.outline-word{color:transparent;-webkit-text-stroke:1px #b7c6cd}.cyan-word{color:var(--cyan)}.hero-description{color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 30px}.hero-description strong{font-weight:500;color:var(--ink)}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 24px;background:var(--cyan);color:#102320;border:1px solid var(--cyan);border-radius:3px;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.primary-button:hover{background:#c0fff4;box-shadow:0 0 32px #8cf4e329;transform:translateY(-2px)}.primary-button span{font-size:21px;line-height:1.2}.hero-caption{display:flex;align-items:center;gap:9px;font:10px/1.8 var(--mono);letter-spacing:1.5px;color:#82949f;margin-top:22px}.hero-caption>span{height:1px;width:24px;background:#5b776e}.orbit-stage{position:absolute;width:660px;height:590px;right:-25px;top:10px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#4ff2d610 0,transparent 61%)}#orbit{display:block;width:100%;height:100%;opacity:.95}.orbit-coordinate{position:absolute;top:32px;left:40px;font:11px var(--mono);color:#a3b7c1;letter-spacing:1.8px}.orbit-coordinate span{display:block;margin-top:8px;font-size:9px;color:#647b85;letter-spacing:2px}.orbit-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-6px)}.orbit-center>span{font:200 62px/1.1 var(--font);letter-spacing:-7px;color:#d1fff4;text-shadow:0 0 45px #5effcc65;transform:skew(-8deg)}.orbit-center small{font:8px var(--mono);letter-spacing:2px;margin-top:12px;color:#92b8b5}.orbit-label{position:absolute;color:#819b9e;font:9px/1.5 var(--mono);letter-spacing:1.5px}.label-top{right:54px;top:156px;border-top:1px solid #30574f;padding-top:8px}.label-top span{color:#b8f9e7;margin-left:12px}.label-bottom{left:48px;bottom:67px;display:flex;gap:12px;align-items:center}.label-bottom b{font:40px var(--font);color:#a1f5e8;font-weight:300}.orbit-scale{position:absolute;bottom:28px;left:45%;color:#4d746c;font:12px var(--mono);letter-spacing:3px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-kicker{font:10px/1.8 var(--mono);letter-spacing:2px;color:var(--cyan)}h2{font-size:25px;line-height:1.4;margin:8px 0 0;font-weight:500;letter-spacing:1px}.section-heading h2 span{font-size:12px;color:#8b9ca6;margin-left:20px;letter-spacing:1px}.section-note{font-size:12px;color:#83959d;letter-spacing:1px}.projects{position:relative}.project-card{position:relative;display:grid;grid-template-columns:100px 1fr 40%;align-items:center;border:1px solid #334047;border-radius:6px;min-height:278px;overflow:hidden;background:linear-gradient(110deg,#121b21,#0b1014);transition:border-color .3s,box-shadow .3s}.project-card:hover{border-color:#84dac4;box-shadow:0 0 55px #3ee4c008}.project-number{align-self:start;margin:37px 0 0 30px;color:#bcece2;font:16px var(--mono)}.project-number span{display:block;font-size:9px;letter-spacing:1px;color:#788f97;margin-top:8px}.project-info{padding:30px 0;position:relative;z-index:1}.project-tags{display:flex;gap:9px;font-size:10px;color:#a0b5bc;letter-spacing:1px}.project-tags span{padding:3px 8px;border:1px solid #33474b;border-radius:2px}h3{font-size:29px;margin:12px 0 9px;font-weight:500;letter-spacing:-.5px}h3 span{font-size:23px;margin-left:10px;font-weight:400;letter-spacing:1px}.project-info p{font-size:14px;line-height:1.85;color:#8c9da6;margin:0}.project-cta{display:inline-flex;gap:30px;align-items:center;font-size:13px;color:var(--cyan);margin-top:20px}.project-cta span{font-size:21px}.card-corner{position:absolute;top:27px;right:30px;color:#9dacb4;font:24px var(--font);transition:transform .3s}.project-card:hover .card-corner{transform:translate(3px,-3px);color:var(--cyan)}.board-preview{width:240px;height:240px;position:relative;margin-left:20px;transform:rotate(-12deg) skew(4deg);align-self:center;transition:transform .6s}.project-card:hover .board-preview{transform:rotate(-8deg) skew(4deg) translateY(-4px)}.board-grid{position:absolute;inset:0;background-image:linear-gradient(#72ad9833 1px,transparent 1px),linear-gradient(90deg,#72ad9833 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,black 30%,transparent 75%)}.stone{width:23px;height:23px;position:absolute;transform:translate(-50%,-50%);border-radius:50%;box-shadow:4px 7px 10px #0008}.stone.black{background:radial-gradient(circle at 33% 20%,#54636a,#151c21 72%);border:1px solid #718c914d}.stone.white{background:radial-gradient(circle at 30% 20%,#f8fff9,#9fafb0 80%);border:1px solid #e1fff5}.s1{left:90px;top:90px}.s2{left:120px;top:90px}.s3{left:120px;top:120px}.s4{left:90px;top:120px}.s5{left:150px;top:150px}.s6{left:150px;top:120px}.s7{left:60px;top:60px}.stone.target{border-radius:2px;box-shadow:0 0 18px #97ffb322;border:1px solid #b7fca0;width:25px;height:25px}.s8{left:180px;top:180px}.s8:before{content:'+';position:absolute;inset:0;text-align:center;color:#b7fca0;font:20px/23px var(--mono)}.board-label{position:absolute;bottom:0;right:-30px;font:9px var(--mono);letter-spacing:3px;color:#88a69f}.closing-note{display:flex;align-items:center;gap:18px;padding:36px 0 43px}.closing-note>span:first-child{color:var(--cyan);font-size:29px;line-height:1}.closing-note p{font-size:14px;color:#d0d9de;margin:0}.closing-note p span{color:#84939e}.note-index{margin-left:auto;font:10px var(--mono);letter-spacing:2px;color:#668078}footer{border-top:1px solid var(--line);min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px var(--mono);color:#81909a}.footer-center{font-size:9px;letter-spacing:1.4px}.footer-center span{color:var(--cyan);padding-left:12px}.motion-toggle{background:none;border:0;color:#95a4ac;font-size:11px;padding:12px 0}.motion-toggle span{color:var(--cyan);margin-left:10px}.skip{position:fixed;top:10px;left:10px;z-index:10;background:var(--cyan);color:#000;padding:10px 20px;transform:translateY(-150%)}.skip:focus{transform:none}.back-link{color:#a1b0b8;font-size:14px}.login-main{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;min-height:calc(100vh - 186px);padding:50px 0}.login-story{position:relative;align-self:stretch;padding-top:24px}.login-story h1{font-size:clamp(40px,4vw,58px);line-height:1.35;margin:25px 0 20px;letter-spacing:2px}.login-story p{color:var(--muted);font-size:16px;line-height:1.9}.login-orbit{height:260px;width:360px;position:relative;margin-top:-15px;margin-left:45px}.login-orbit .orbit-center>span{font-size:34px;letter-spacing:-4px}.login-orbit .orbit-center small{font-size:7px}.login-panel{background:linear-gradient(145deg,#172127aa,#0c1115ee);padding:40px;border:1px solid #37464d;border-radius:7px;max-width:460px;width:100%;box-shadow:0 24px 70px #0003}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:29px;margin-top:12px}.panel-symbol{font-size:26px;color:var(--cyan)}.panel-description{font-size:14px;color:var(--muted);margin:10px 0 30px}label{display:block;font-size:14px;margin:17px 0 8px;color:#c8d5db}input{width:100%;min-width:0;background:#080e12;border:1px solid #3a4951;border-radius:3px;color:var(--ink);padding:12px 14px;font-size:16px;outline-offset:2px}input::placeholder{color:#657781;font-size:14px}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.reveal-password{position:absolute;right:8px;top:8px;padding:7px 8px;color:#a4bec1;background:transparent;border:0;font-size:12px}.form-message{font-size:13px;min-height:23px;margin:14px 0;color:#ffc6b1}.submit-button{width:100%;margin:0 0 26px}.panel-foot{border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:#81959e}.panel-foot span{margin-right:8px;color:var(--cyan)}.dashboard{min-height:calc(100vh - 186px);padding:55px 0}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 45px;gap:20px}.dashboard h1{font-size:44px;letter-spacing:1px;margin:0 0 10px;font-weight:500}.dashboard-heading p{color:var(--muted);margin:0;font-size:15px}.access-badge{white-space:nowrap;border:1px solid #426c61;color:var(--cyan);padding:8px 15px;border-radius:30px;font-size:12px}.text-button{background:none;color:#a4b7be;border:0;font-size:14px;padding:8px}.admin-projects{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-height:225px}.admin-card{padding:28px 30px;border:1px solid #33434b;border-radius:6px;background:linear-gradient(130deg,#121d23,#0c1216);display:block;transition:border-color .2s}.admin-card:hover{border-color:var(--cyan)}.admin-card .topline{display:flex;justify-content:space-between;font:12px var(--mono);color:#96b5b8}.admin-card .visibility{font:12px var(--font);color:var(--cyan)}.admin-card h3{font-size:25px;margin:20px 0 10px}.admin-card p{font-size:14px;color:var(--muted)}.admin-card .project-cta{margin:10px 0 0}.settings{border:1px solid var(--line);border-radius:4px;margin-top:32px;background:#0d1418}.settings summary{padding:22px 28px;cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}.settings summary::-webkit-details-marker{display:none}.settings summary span{font-size:12px;color:var(--muted)}.settings form{padding:0 28px 28px;border-top:1px solid var(--line)}.settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-message{color:#ffc6b1;font-size:14px}.motion-off *{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@media(min-width:1500px){.hero{min-height:660px}.orbit-stage{top:40px}.hero h1{font-size:80px}}
@media(max-width:1100px){.site-shell{padding:0 38px}.orbit-stage{width:560px;height:540px;right:-45px;top:40px}.hero h1{font-size:60px}.hero{min-height:590px}.orbit-label{display:none}.project-card{grid-template-columns:85px 1fr 35%}.project-number{margin-left:24px}.board-preview{margin-left:0}.login-main{gap:35px}.login-panel{padding:30px}.login-orbit{margin-left:0}}
@media(max-width:760px){.site-shell{padding:0 24px}.header{height:84px}.brand{font-size:16px;gap:12px}.brand-mark{font-size:20px;padding:12px 15px 12px 8px}.header nav{gap:12px}.nav-project{display:none}.admin-link{font-size:12px;padding:8px 10px;gap:8px}.admin-link svg{width:13px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:48px 0 0}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:clamp(43px,9vw,64px);margin-top:20px;margin-bottom:20px;line-height:1.25}.hero-description{font-size:15px}.hero-caption{font-size:9px}.orbit-stage{position:relative;width:100%;height:330px;top:auto;right:auto;margin:-7px 0 18px}.orbit-coordinate{top:16px;left:0;font-size:9px}.orbit-coordinate span{font-size:8px}.orbit-center>span{font-size:42px;letter-spacing:-5px}.orbit-center small{font-size:7px}.orbit-scale{bottom:0;left:auto;right:0;font-size:9px}.section-heading{margin-bottom:20px;align-items:start}.section-heading h2{font-size:22px}.section-heading h2 span{display:block;font-size:11px;margin:8px 0 0}.section-note{display:none}.project-card{grid-template-columns:45px 1fr;min-height:350px;align-items:start}.project-number{font-size:13px;margin:31px 0 0 16px}.project-number span{display:none}.project-info{padding:26px 18px 130px 10px}.project-info h3{font-size:25px}.project-info h3 span{font-size:20px;margin-left:5px}.project-info p{font-size:14px}.project-cta{margin-top:14px}.card-corner{font-size:20px;top:23px;right:18px}.board-preview{position:absolute;bottom:-26px;right:-8px;width:240px;height:240px;transform:rotate(-12deg) skew(4deg) scale(.82);transform-origin:bottom right;opacity:.85;pointer-events:none}.project-card:hover .board-preview{transform:rotate(-8deg) skew(4deg) scale(.82)}.board-label{display:none}.closing-note{padding:30px 0}.closing-note p{font-size:12px}.closing-note p span{display:block}.closing-note>span:first-child{font-size:24px}.note-index{font-size:8px;letter-spacing:1px}footer{min-height:96px;flex-wrap:wrap;gap:5px 16px;padding:22px 0;font-size:10px}.footer-center{display:none}.motion-toggle{font-size:10px}.back-link{font-size:12px}.login-main{grid-template-columns:1fr;padding:35px 0 45px;gap:25px}.login-story{padding:0}.login-story h1{font-size:38px;margin:20px 0 14px}.login-story p{font-size:14px}.login-orbit{display:none}.login-panel{max-width:none;padding:28px 24px}.login-main .login-story h1 br{display:none}.login-main .outline-word{display:block}.login-page footer>span:nth-child(2){display:none}.dashboard{padding:35px 0}.dashboard h1{font-size:33px}.dashboard-heading{align-items:start;flex-direction:column;margin-bottom:30px}.dashboard-heading p{font-size:14px}.admin-projects{grid-template-columns:1fr;gap:16px}.admin-card{padding:24px}.admin-page .header nav{gap:5px;font-size:12px}.text-button{font-size:12px;padding:5px}.admin-page .brand-jp{display:none}.settings-fields{grid-template-columns:1fr;gap:0}.settings summary{padding:20px}.settings form{padding:0 20px 20px}.settings summary span{font-size:11px}.admin-page footer>span:nth-child(2){font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.project-card + .project-card{margin-top:22px}.signal-preview{color:var(--cyan);text-align:center;padding:30px 18px}.signal-preview>span{display:block;font:32px/1.6 var(--mono);white-space:nowrap;text-shadow:0 0 24px #a1f5e844}.signal-preview small{display:block;font:10px var(--mono);letter-spacing:3px;color:#88a69f;margin-top:20px}@media(max-width:760px){.signal-preview{position:absolute;bottom:20px;right:15px}.signal-preview>span{font-size:23px}.douyin-card h3 span{font-size:18px}}

.visibility-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.visibility-controls strong{display:block;font-size:14px;font-weight:500;color:var(--ink)}.visibility-controls div>span{display:block;font-size:12px;margin-top:4px;color:var(--muted)}.visibility-switch{width:52px;height:30px;border:1px solid #647079;background:#253038;border-radius:20px;flex-shrink:0;padding:3px;transition:background .2s,border-color .2s}.visibility-switch>span{display:block;width:22px;height:22px;border-radius:50%;background:#b2c0c7;transition:transform .2s}.visibility-switch[aria-checked=true]{background:#89e8d7;border-color:#89e8d7}.visibility-switch[aria-checked=true]>span{background:#102a26;transform:translateX(21px)}.admin-card .visibility-message{font-size:12px;min-height:22px;margin:12px 0 0;color:var(--cyan)}.empty-projects{padding:36px 28px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--panel)}

/* Oversized illuminated diary wordmark. */
.header .brand{font-size:25px;font-weight:650;letter-spacing:.5px}.header .brand-jp{font-weight:500}
.hero{grid-template-columns:1.15fr 1fr;min-height:660px}.hero-copy{padding:48px 0 54px}.hero .diary-title{position:relative;isolation:isolate;font-size:clamp(78px,8.4vw,122px);font-weight:900;line-height:1.08;letter-spacing:-.055em;margin:24px 0 30px;width:max-content;max-width:100%}.title-name,.title-journal{display:flex;align-items:baseline;white-space:nowrap}.title-w{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-size:1.28em;line-height:1;letter-spacing:-.1em;padding-right:.13em;background:linear-gradient(155deg,#fff 10%,#a6fff0 44%,#42b9be 75%,#ebfff9);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 21px #6ce6dc35)}.title-master{background:linear-gradient(180deg,#fff 0%,#e4f9f8 48%,#8db6bf 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:3px 3px 0 #7095a01c}.title-journal{margin-top:.06em;letter-spacing:.01em}.title-no{font-size:.56em;font-weight:500;color:#abefeb;margin-right:.2em;align-self:center;transform:rotate(-12deg);text-shadow:0 0 22px #68e5d84a}.title-diary{color:#0a171e;-webkit-text-stroke:1.5px #99f6ed;text-shadow:0 0 32px #65e5df2b,3px 3px 0 #294d58}.title-cursor{font-family:var(--mono);font-size:.7em;letter-spacing:-.15em;color:var(--cyan);text-shadow:0 0 24px #8dfff388;animation:cursor-breathe 3s ease-in-out infinite}.diary-title:after{content:'';position:absolute;left:0;right:0;top:51%;height:1px;background:linear-gradient(90deg,transparent,#affff477,transparent);box-shadow:0 0 16px #6fe8f255;pointer-events:none}.hero .orbit-stage{right:-40px;top:46px;opacity:.82}
@keyframes cursor-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:1100px) and (min-width:761px){.hero .diary-title{font-size:clamp(76px,8.2vw,98px)}.hero .orbit-stage{right:-55px;opacity:.65}.header .brand{font-size:22px}}
@media(max-width:760px){.header .brand{font-size:19px;gap:10px;letter-spacing:0}.hero{min-height:auto}.hero-copy{padding:38px 0 0}.hero .diary-title{font-size:clamp(68px,18vw,112px);margin:23px 0 27px;line-height:1.12}.title-w{font-size:1.3em}.title-master{letter-spacing:-.07em}.title-diary{-webkit-text-stroke:1px #99f6ed}.hero .orbit-stage{right:auto;top:auto;opacity:.9;margin-top:8px}.admin-page .header .brand{font-size:17px}.login-page .header .brand{font-size:18px}}
@media(max-width:360px){.header .brand{font-size:17px}.header .brand-mark{padding:10px 13px 10px 6px}.hero .diary-title{font-size:64px}.header .admin-link{padding:8px}.admin-page .header .brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){.title-cursor{animation:none}}
.brand-mark{letter-spacing:0!important;padding:12px!important;transform:skewY(-7deg)}.brand-mark span{display:none}.hero .site-title{position:relative;isolation:isolate;width:max-content;max-width:100%;margin:24px 0 30px;font-size:clamp(84px,9vw,134px);font-weight:900;line-height:.98;letter-spacing:-.075em;background:linear-gradient(145deg,#fff 8%,#b7fff5 42%,#52cdd0 75%,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 23px #61e8e43d)}.hero .site-title span{color:#08151b;-webkit-text-stroke:1.5px #a6fff1;text-shadow:0 0 32px #60e3df42,4px 4px 0 #2c758029}.hero .site-title b{font:700 .68em var(--mono);color:var(--cyan);text-shadow:0 0 22px #82fff188;animation:cursor-breathe 3s ease-in-out infinite}.site-title:after{content:'';position:absolute;left:0;right:0;top:51%;height:1px;background:linear-gradient(90deg,transparent,#affff477,transparent);box-shadow:0 0 16px #6fe8f255;pointer-events:none}@media(max-width:760px){.hero .site-title{font-size:clamp(72px,19vw,112px);margin:23px 0 27px}.hero .site-title span{-webkit-text-stroke:1px #a6fff1}}@media(prefers-reduced-motion:reduce){.hero .site-title b{animation:none}}
footer .icp-link{color:#a9c0c6;text-decoration:underline;text-decoration-color:#6d898d;text-underline-offset:4px}footer .icp-link:hover{color:var(--cyan)}@media(max-width:760px){footer .icp-link{order:3;flex-basis:100%;margin-top:4px}}

.food-preview{height:230px;position:relative;width:280px;margin:auto;background:linear-gradient(30deg,transparent 46%,#8ef4df25 47%,#8ef4df25 48%,transparent 49%),linear-gradient(120deg,transparent 46%,#8ef4df15 47%,#8ef4df15 48%,transparent 49%);background-size:85px 85px;transform:rotate(-8deg)}.food-pin{position:absolute;color:#07251f;background:#8ef4df;border:2px solid #dcfff5;padding:6px 12px;border-radius:12px;font:700 18px var(--mono);box-shadow:0 0 25px #8ef4df18}.food-pin:after{content:'';width:8px;height:8px;background:#8ef4df;position:absolute;bottom:-5px;left:45%;transform:rotate(45deg)}.food-pin.p1{left:30px;top:95px}.food-pin.p2{left:155px;top:45px}.food-pin.p3{left:120px;top:140px}.food-preview small{position:absolute;bottom:0;left:35px;color:#668e88;font:9px var(--mono);letter-spacing:2px}@media(max-width:760px){.food-preview{position:absolute;right:-10px;bottom:-70px;opacity:.5;transform:rotate(-8deg) scale(.75);pointer-events:none}}