@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:#2a343d;background:#f2f4f6;font-synthesis:none;--blue:#329eff;--paper:#fff;--muted:#8a9eb1;--line:#e7ebee}
*{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:2px solid var(--blue);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(150px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.55px;text-decoration:none;white-space:nowrap;color:var(--blue)}.brand>b,.brand b{font-weight:700}.brand svg{display:none}.guide-link{font-size:13px;color:#73899c;text-decoration:none;display:flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap}.guide-link span{font-size:18px}.welcome{padding:29px 24px 27px}.eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#8a9eb1}h1{font-size:clamp(34px,9.8vw,44px);line-height:1.22;letter-spacing:-1.4px;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:15px;line-height:1.7;letter-spacing:-.25px;margin:17px 0 0;color:#7e92a5}
.app-section{padding:0 24px;margin-top:23px}.app-tile{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.app-icon{display:block;flex:none;width:58px;height:58px;border:1px solid #e7ebee;border-radius:14px;overflow:hidden;position:relative}.app-icon img{width:100%;height:100%;object-fit:cover}.app-icon>svg{position:absolute;left:15px;top:8px;width:28px;height:41px;fill:#329eff;stroke:white;stroke-width:1.8}.app-icon>svg circle{fill:white;stroke:none}.app-tile h2{font-size:18px;line-height:1.3;letter-spacing:-.35px;margin:0 0 5px}.app-tile p{margin:0;font-size:12px;color:var(--muted)}.release{margin-left:auto;background:#edf7ff;border:1px solid #e1effb;color:#329eff;padding:6px 9px;border-radius:7px;font-size:12px;white-space:nowrap}
.install-section,.release-section{padding:16px 24px 0}.install-guide,.release-notes{border:1px solid var(--line);border-radius:12px;background:white;padding:0 16px}.install-guide summary,.release-notes summary{list-style:none;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:14px;cursor:pointer}.install-guide summary::-webkit-details-marker,.release-notes summary::-webkit-details-marker{display:none}.install-guide summary svg,.release-notes summary svg{width:18px;height:18px;fill:none;stroke:#8a9eb1;stroke-width:1.8;transition:transform .2s}.install-guide[open] summary svg,.release-notes[open] summary svg{transform:rotate(180deg)}.install-guide ol{padding:2px 0 19px;margin:0;display:grid;gap:20px;list-style:none}.install-guide li{display:flex;align-items:flex-start;gap:11px}.step{background:#edf7ff;color:#329eff;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;flex:none;font-size:12px;font-weight:700}.install-guide h3{font-size:13px;line-height:1.5;margin:0 0 5px}.install-guide li p{font-size:12px;line-height:1.75;color:#8296a8;margin:0;word-break:keep-all}.release-notes h3{font-size:13px;font-weight:700;margin:0 0 14px;color:#41505e}.release-notes ol{padding:0 0 18px 19px;margin:0;display:grid;gap:9px;font-size:12px;line-height:1.75;color:#7e92a5;word-break:keep-all}.release-notes li::marker{color:#329eff;font-weight:700}.mirror-links{display:flex;align-items:center;justify-content:center;gap:14px;margin:19px 0 4px;font-size:12px;color:#8a9eb1}.mirror-links a{color:#329eff;text-decoration:none}.mirror-links a:hover{text-decoration:underline}
.download-dock{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:14px 24px calc(13px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.download-button{min-height:52px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;font-weight:700;font-size:16px;text-decoration:none;transition:background .15s}.download-button:active{background:#248eea}.download-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.download-dock p{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;font-size:11px;color:var(--muted)}.download-dock p span{color:#b9c5d0}
.garden-section{padding:0 16px}.garden-wrap{position:relative}.garden{display:block;position:relative;width:100%;height:370px;padding:0;border:1px solid #e7ebee;border-radius:16px;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:17px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:10px 13px;background:#ffffffed;border:1px solid #e7ebee;backdrop-filter:blur(8px);border-radius:8px;color:#546678;font-size:12px;line-height:1.4;white-space:nowrap}.garden-hint>span{margin-left:4px;color:#329eff}.garden-count{position:absolute;z-index:4;top:14px;left:14px;display:flex;align-items:center;gap:5px;background:white;border:1px solid var(--line);padding:8px 10px 8px 7px;border-radius:8px;font-size:12px;font-weight:700;color:#546678;pointer-events:none}.garden-count img{width:23px;height:23px}.reset-garden{position:absolute;z-index:4;top:14px;right:14px;width:40px;height:40px;border:1px solid var(--line);background:white;color:#546678;border-radius:8px;display:grid;place-items:center;cursor:pointer}.reset-garden:disabled{opacity:.5;cursor:default}.reset-garden svg{width:20px;height:20px;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,.garden-complete .garden-count{background:#edf7ff;color:#329eff;border-color:#c7e6ff}
@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(min-width:700px){.page{box-shadow:0 0 60px #17324e08}.header{padding-top:26px}}@media(max-width:350px){.header{padding:18px}.brand{font-size:19px}.welcome,.app-section,.install-section,.release-section{padding-left:18px;padding-right:18px}.garden-section{padding-left:12px;padding-right:12px}.garden{height:320px}.download-dock{padding-left:18px;padding-right:18px}.download-button{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.garden-art,.planted-flower{animation:none!important}}