:root{--paper:#fbfbf9;--card:#fff;--line:#e4e7e2;--grid:#2f7a57;--grid-soft:#e3efe8;--ink:#172033;--ink-soft:#4d566a;--red:#d3262f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);word-break:keep-all;overflow-wrap:break-word;margin:0;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow-x:clip}a{color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.wrap{width:min(1400px,100% - 48px);margin-inline:auto}.top{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}.top-inner{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:2px solid var(--grid);width:30px;height:30px;color:var(--grid);border-radius:6px;place-items:center;font-size:15px;display:grid}.who{align-items:center;gap:10px;font-size:14px;display:flex}.avatar{border:1px solid var(--line);border-radius:50%;width:30px;height:30px}.btn{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--grid)}.btn-primary{background:var(--grid);border-color:var(--grid);color:#fff}.btn-primary:hover{background:#276a4b}.btn-google{min-height:48px;padding:0 22px;font-size:16px}.banner{border:1px solid var(--line);isolation:isolate;background:linear-gradient(135deg,#f1f7f3 0%,#fbfbf9 55%,#fdf1f1 100%);border-radius:22px;margin-top:24px;padding:28px 36px 18px;position:relative;overflow:hidden}.banner:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-soft) 1px, transparent 1px), linear-gradient(90deg, var(--grid-soft) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.banner-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;animation:.5s both slide-in;display:grid}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}}.banner-shelf{color:var(--grid);font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:14px;font-weight:700}.banner h2{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(28px,3.4vw,42px);line-height:1.12}.banner-what{color:var(--ink-soft);margin:0 0 12px;font-size:17px;line-height:1.6}.banner-meta{color:var(--ink-soft);align-items:center;gap:10px;margin:0 0 20px;font-size:14px;display:flex}.banner-cta{border-radius:10px;min-height:44px;padding:0 20px;font-size:15px}.banner-shot{border:1px solid var(--line);background:#fff;border-radius:16px;justify-self:end;width:min(100%,460px);transition:transform .3s;display:block;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 60px -28px #17203359}.banner-shot:hover{transform:rotate(0)scale(1.01)}.browser-bar{border-bottom:1px solid var(--line);color:var(--ink-soft);background:#f6f7f4;align-items:center;gap:6px;padding:10px 14px;font-size:12px;display:flex}.browser-bar i{background:#dfe2dc;border-radius:50%;width:10px;height:10px}.browser-bar span{background:#fff;border-radius:6px;margin-left:10px;padding:2px 12px}.banner-shot img{width:100%;height:auto;display:block}.banner-nav{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.arrow{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;width:34px;height:34px;font-size:16px}.arrow:hover{border-color:var(--grid);color:var(--grid)}.dots{gap:8px;display:flex}.dot{cursor:pointer;background:#d5dbd3;border:0;border-radius:999px;width:10px;height:10px;padding:0;transition:width .3s;position:relative;overflow:hidden}.dot.on{width:44px}.dot-fill{background:var(--grid);transform-origin:0;animation:6s linear both fill;position:absolute;inset:0}.dot.on:not(:has(.dot-fill)){background:var(--grid)}@keyframes fill{0%{transform:scaleX(0)}}.intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;padding:56px 0 0;display:flex}.eyebrow{color:var(--grid);margin:0 0 8px;font-size:15px;font-weight:700}.intro h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.25}.hl{background:linear-gradient(#0000 62%,#f6d4d6 62%)}.lede{max-width:640px;color:var(--ink-soft);margin:0;font-size:17px}.pen{color:var(--red);font-weight:700}.stats{flex-wrap:wrap;gap:12px;margin:0;display:flex}.stats div{border:1px solid var(--line);background:var(--card);border-radius:12px;min-width:108px;padding:12px 18px}.stats dt{color:var(--ink-soft);font-size:13px}.stats dd{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;margin-top:28px;margin-bottom:8px;display:flex}.chips a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none}.chips a:hover{border-color:var(--grid);color:var(--grid)}@media (max-width:860px){.banner{border-radius:20px;padding:28px 20px 20px}.banner-slide{grid-template-columns:1fr;gap:24px;min-height:0}.banner-shot{order:-1;transform:none}.banner-what{font-size:17px}}.shelf{padding:40px 0 8px;scroll-margin-top:70px}.shelf-head{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 12px;margin-bottom:20px;display:grid}.shelf-no{color:var(--grid);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:15px;font-weight:800}.shelf-head h2{letter-spacing:-.02em;margin:0;font-size:24px}.shelf-head p{color:var(--ink-soft);margin:0;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.cards li{display:flex}.card{border:1px solid var(--line);background:var(--card);border-radius:18px;flex-direction:column;width:100%;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}a.card:hover{border-color:var(--grid);transform:translateY(-3px);box-shadow:0 12px 28px -14px #17203347}.thumb{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#f2f4f0;display:block;overflow:hidden}.thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s;display:block}a.card:hover .thumb img{transform:scale(1.03)}.thumb-empty{color:#9aa197;text-align:center;background-image:linear-gradient(var(--grid-soft) 1px, transparent 1px), linear-gradient(90deg, var(--grid-soft) 1px, transparent 1px);background-size:20px 20px;place-items:center;height:100%;padding:16px;font-weight:700;display:grid}.card-body{flex-direction:column;flex:1;gap:8px;padding:20px 22px;display:flex}.card-name{font-size:20px;font-weight:700}.card-what{color:var(--ink-soft);flex:1;font-size:16px}.card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.who-tag{color:var(--ink-soft)}.tag{background:var(--grid-soft);color:var(--grid);white-space:nowrap;border-radius:999px;padding:2px 9px;font-weight:700}.tag-login{color:var(--red);background:#fde8e9}.tag-points{color:#9a6400;background:#fff3d6}.tag-muted{color:var(--ink-soft);background:#f0f1ee}.panel{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:14px;width:min(440px,100% - 32px);margin:64px auto;padding:32px 28px}.panel h1{margin:0 0 8px;font-size:22px}.panel p{color:var(--ink-soft);margin:0 0 20px}.panel .note{margin:20px 0 0;font-size:13px}.msg-bad{background:#fdecec;border-radius:8px;padding:10px 12px;font-size:14px;color:var(--red)!important;margin:0 0 16px!important}.profile{flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;display:flex}.profile .avatar{width:64px;height:64px;margin-bottom:6px}.app-list{text-align:left;border-top:1px solid var(--line);margin:0 0 24px;padding:0;list-style:none}.app-list li{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 2px;font-size:15px;display:flex}.doc{width:min(720px,100% - 32px);margin:48px auto 80px}.doc h1{font-size:26px}.doc h2{margin-top:32px;font-size:18px}.doc table{border-collapse:collapse;width:100%;font-size:15px}.doc th,.doc td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.doc th{background:#f4f6f2}.foot{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:56px;padding:28px 0 40px;font-size:14px}.foot-inner{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}@media (max-width:480px){.wrap{width:calc(100% - 32px)}.cards{grid-template-columns:1fr}}