@font-face{font-family:Pretendard;src:url('/assets/Pretendard-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/Pretendard-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{font-family:Pretendard,system-ui,sans-serif;color:#173e2d;background:#dbe8dc;font-synthesis:none;--green:#164f37;--lime:#c3ef68;--paper:#f5fbef;--muted:#647467}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2685c8;outline-offset:4px}[hidden]{display:none!important}.page{max-width:480px;margin:0 auto;min-height:100vh;min-height:100svh;background:var(--paper);overflow:clip;padding-bottom:calc(125px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.5px;text-decoration:none;white-space:nowrap}.brand>b,.brand b{font-weight:400}.brand svg{width:23px;height:28px;fill:var(--green)}.brand svg circle{fill:var(--lime)}.guide-link{font-size:14px;text-decoration:none;display:flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap}.guide-link span{font-size:20px}.welcome{padding:14px 24px 22px}.eyebrow{margin:0 0 15px;font-size:12px;font-weight:700;letter-spacing:1.8px;color:#4f8053}h1{font-size:clamp(36px,10.7vw,49px);line-height:1.17;letter-spacing:-1.8px;margin:0;font-weight:700}h1 em{font-style:normal;color:#439843}.intro{font-size:16px;line-height:1.65;letter-spacing:-.3px;margin:18px 0 0;color:#526553}.app-tile{display:flex;align-items:center;gap:14px;padding:18px 0 2px;border-top:1px solid #d9e5d3}.app-icon{display:block;flex:none;width:64px;height:64px;border-radius:19px;overflow:hidden;position:relative;box-shadow:0 3px 12px #1d4c2912}.app-icon img{width:100%;height:100%;object-fit:cover}.app-icon>svg{position:absolute;left:17px;top:10px;width:30px;height:43px;fill:#329eff;stroke:white;stroke-width:1.8}.app-icon>svg circle{fill:white;stroke:none}.app-tile h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0 0 5px}.app-tile p{margin:0;font-size:14px;color:var(--muted)}.release{margin-left:auto;background:#e1efcf;padding:7px 10px;border-radius:12px;font-size:12px;white-space:nowrap}.install-section{padding:18px 24px}.install-guide{border-top:1px solid #d9e5d3;border-bottom:1px solid #d9e5d3}.install-guide summary{list-style:none;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:17px;cursor:pointer}.install-guide summary::-webkit-details-marker{display:none}.install-guide summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.install-guide[open] summary svg{transform:rotate(180deg)}.install-guide ol{padding:4px 0 22px;margin:0;display:grid;gap:24px;list-style:none}.install-guide li{display:flex;align-items:flex-start;gap:13px}.step{background:#e1efcf;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;font-size:14px;font-weight:700}.install-guide h3{font-size:16px;line-height:1.5;margin:0 0 5px}.install-guide li p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;word-break:keep-all}.footer{padding:20px 24px 32px;color:var(--muted)}.footer-brand{font-size:14px;letter-spacing:1px;font-weight:700}.footer p{font-size:12px;line-height:1.8;margin:12px 0}.footer a{font-size:12px;text-underline-offset:3px}.download-dock{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:15px 20px calc(11px + env(safe-area-inset-bottom));background:#fafff7ed;border-top:1px solid #e5eddf;backdrop-filter:blur(16px);box-shadow:0 -9px 28px #2a532810}.download-button{min-height:58px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:var(--lime);border-radius:18px;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 5px 0 #0d3525;transition:transform .15s,box-shadow .15s}.download-button:active{transform:translateY(3px);box-shadow:0 2px 0 #0d3525}.download-button svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.download-dock p{display:flex;align-items:center;justify-content:center;gap:8px;margin:11px 0 0;font-size:12px;color:var(--muted)}.download-dock p span{color:#a5b29d}@media(min-width:700px){.page{box-shadow:0 0 80px #17412b16}.header{padding-top:28px}}@media(max-width:350px){.header{padding:18px}.welcome,.install-section,.footer{padding-left:18px;padding-right:18px}.brand{font-size:16px}.app-tile{gap:10px}.release{padding:6px;font-size:12px}.app-tile h2{font-size:18px}.app-tile p{font-size:14px}.download-dock{padding-left:16px;padding-right:16px}.download-button{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.app-section{padding:14px 24px 0}.app-section .app-tile{border:0;padding-top:8px}.garden-section{padding:0 16px}.garden-wrap{position:relative}.garden{position:relative;display:block;width:100%;aspect-ratio:1/1.04;padding:0;border:0;border-radius:28px;overflow:hidden;background:#83bd47;cursor:crosshair;isolation:isolate;touch-action:pan-y}.garden-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 67%;user-select:none;pointer-events:none;animation:garden-breeze 4s ease-in-out both}.garden-hint{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:10px 14px;background:#fafff5e8;backdrop-filter:blur(10px);border-radius:18px;color:#21462b;font-size:14px;line-height:1.4;white-space:nowrap;box-shadow:0 3px 14px #244d2721}.garden-hint>span{margin-left:5px;color:#579a35}.garden-count{position:absolute;z-index:4;top:15px;left:15px;display:flex;align-items:center;gap:6px;background:#ffffffed;border:1px solid #ffffff99;padding:9px 12px 9px 8px;border-radius:17px;font-size:14px;font-weight:700;pointer-events:none;box-shadow:0 3px 12px #24522214}.garden-count img{width:25px;height:25px}.reset-garden{position:absolute;z-index:4;top:15px;right:15px;width:44px;height:44px;border:1px solid #ffffff99;background:#ffffffed;color:var(--green);border-radius:17px;display:grid;place-items:center;cursor:pointer}.reset-garden:disabled{opacity:.5;cursor:default}.reset-garden svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.planted-flowers{position:absolute;inset:0;z-index:2;pointer-events:none}.planted-flower{position:absolute;width:clamp(40px,13vw,58px);height:auto;transform:translate(-50%,-50%) rotate(var(--turn));filter:drop-shadow(0 4px 3px #24402040);animation:flower-bloom .55s cubic-bezier(.2,.85,.2,1.2) both}.garden-complete .garden-hint{background:#d5f589;color:#164f37}.garden-complete .garden-count{background:#e8ffbb}.garden-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:12px 8px 0;font-size:12px;line-height:1.5;color:#667d59}.garden-caption>span:last-child{letter-spacing:1.2px;font-size:12px;color:#738c5b}.app-section{margin-top:10px}@keyframes garden-breeze{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.035) translateY(-3px)}}@keyframes flower-bloom{0%{transform:translate(-50%,-25%) rotate(calc(var(--turn) - 20deg)) scale(.05);opacity:0}65%{transform:translate(-50%,-50%) rotate(calc(var(--turn) + 6deg)) scale(1.14);opacity:1}100%{transform:translate(-50%,-50%) rotate(var(--turn)) scale(1);opacity:1}}@media(max-width:350px){.app-section{padding-left:18px;padding-right:18px}.garden-section{padding-left:12px;padding-right:12px}.garden-hint{font-size:14px}.garden-caption>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.garden-art,.planted-flower{animation:none!important}}
