:root{--ground:#f2f4f6;--surface:#fff;--ink:#14171c;--muted:#59616c;--hair:#e6e9ed;--graphite:#14171c;--brass:#a97a22;--brass-light:#d6a64a;--brass-soft:#e8d3a6;--teal:#0d7271;--teal-dark:#0a5756;--teal-soft:#eaf3f3;--shadow:0 1px 2px rgba(20,23,28,.05),0 8px 24px rgba(20,23,28,.07);--display:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;--text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--r:18px}*{box-sizing:border-box}body,html{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:0 1px 0 var(--hair)}.top-in{max-width:1240px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;gap:16px}.top-logo{height:20px;width:auto}.top-sp{flex:1 1}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--ink)}.icon-btn:hover{background:var(--ground)}.dot{position:absolute;top:9px;right:9px;width:9px;height:9px;background:#d33a2c;box-shadow:0 0 0 2px #fff}.avatar,.dot{border-radius:50%}.avatar{width:40px;height:40px;background:var(--graphite);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex:none;letter-spacing:.02em}.avatar.sm{width:32px;height:32px;font-size:13px}.avatar.lg{width:64px;height:64px;font-size:22px}.avatar.pro{background:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:0;background:var(--ground);color:var(--ink);font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn-dark{background:var(--graphite);color:#fff}.btn-light{background:#fff;color:var(--ink)}.btn-teal{background:var(--teal);color:#fff}.btn-ghost{background:transparent}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:default}.grid{max-width:1240px;margin:0 auto;padding:20px 16px 110px;display:grid;grid-template-columns:240px minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}.rail{position:-webkit-sticky;position:sticky;top:80px;display:flex;flex-direction:column;gap:4px}.rail-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-weight:600;color:var(--ink)}.rail-link.on,.rail-link:hover{background:#fff}.rail-link.on{box-shadow:var(--shadow)}.rail-h{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:18px 12px 6px}.rail-world{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px}.rail-world:hover{background:#fff}.rail-world b{font-weight:600;font-size:15px}.rail-world span{font-size:13px;color:var(--muted)}.main{min-width:0;max-width:640px;width:100%;margin:0 auto}.main,.side{display:flex;flex-direction:column;gap:16px}.side{position:-webkit-sticky;position:sticky;top:80px}.tabs-bottom{display:none}@media (max-width:1100px){.grid{grid-template-columns:220px minmax(0,1fr)}.side{display:none}}@media (max-width:760px){.grid{grid-template-columns:minmax(0,1fr);padding:12px 10px 100px;gap:12px}.rail{display:none}.top-desktop{display:none!important}.tabs-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--hair);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.tab{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);padding:6px 0;min-height:44px}.tab.on{color:var(--ink);font-weight:600}.tab .dot{top:4px;right:calc(50% - 16px)}.tab-plus{width:46px;height:38px;border-radius:12px;background:var(--graphite);color:#fff;display:flex;align-items:center;justify-content:center}}.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}.card-pad{padding:18px}.h-page{font-weight:700;font-size:28px;line-height:1.1;margin:4px 4px 0}.h-page,.label{font-family:var(--display)}.label{font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.label,.muted{color:var(--muted)}.small{font-size:14px}.seg{display:flex;gap:6px;background:#e8ebee;padding:4px;border-radius:14px}.seg a{flex:1 1;text-align:center;padding:9px 10px;border-radius:11px;font-weight:600;font-size:14px;color:var(--muted)}.seg a.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,23,28,.08)}.post{overflow:hidden}.post-head{display:flex;gap:12px;align-items:center;padding:16px 16px 10px}.post-who{min-width:0;flex:1 1}.post-name{font-weight:600;font-size:15px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.post-meta{font-size:13px;overflow:hidden;text-overflow:ellipsis}.kind,.post-meta{color:var(--muted);white-space:nowrap}.kind{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--ground)}.kind.question{background:#fdf3e2;color:#8a5a00}.kind.result{background:var(--teal-soft);color:var(--teal-dark)}.post-text{padding:0 16px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.photos{display:grid;grid-gap:3px;gap:3px;background:var(--hair)}.photos.n1{grid-template-columns:1fr}.photos.n2,.photos.n3,.photos.n4{grid-template-columns:1fr 1fr}.photos img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;background:var(--ground)}.photos.n1 img{aspect-ratio:auto;max-height:620px}.photos.n3 img:first-child{grid-column:span 2;aspect-ratio:16/9}.photo-more{position:relative}.photo-more span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,23,28,.45);color:#fff;font-size:26px;font-weight:600}.badges{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px 0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;background:var(--ground)}.badge.ok{background:var(--teal-soft);color:var(--teal-dark)}.badge.solved{background:#e9f6ec;color:#1f6b35}.badge.ref{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--muted);background:transparent;padding-left:0}.actions{display:flex;gap:4px;padding:8px 8px 10px}.act{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer}.act:hover{background:var(--ground);color:var(--ink)}.act.on{color:#c2410c}.act form{display:contents}.done-by{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:10px 12px;border-radius:12px;background:var(--ground)}.done-by .grow{flex:1 1;min-width:0}.comments{display:flex;flex-direction:column;gap:14px;padding:4px 16px 16px}.cmt{display:flex;gap:10px}.cmt-body{background:var(--ground);border-radius:14px;padding:10px 12px;min-width:0;flex:1 1}.cmt-body.answer{background:#e9f6ec}.cmt-who{font-size:14px;font-weight:600;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.cmt-why{font-size:12px;font-weight:500;color:var(--muted)}.cmt-text{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.cmt-form{display:flex;gap:8px;padding:0 16px 16px}.cmt-form textarea{flex:1 1;min-height:44px;max-height:160px;resize:vertical;border:0;border-radius:14px;background:var(--ground);padding:11px 14px}.note{margin:0 16px 16px;padding:12px 14px;border-radius:12px;background:var(--ground);color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:14px;font-weight:600}.input,.select,.textarea{width:100%;min-height:48px;border:0;border-radius:12px;background:var(--ground);padding:12px 14px;font-size:16px}.textarea{min-height:110px;resize:vertical}.choice{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.choice label{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:var(--ground);cursor:pointer;font-weight:600}.choice label small{display:block;font-weight:400;color:var(--muted);font-size:13px}.choice input{width:20px;height:20px;accent-color:var(--graphite)}.choice label:has(input:checked){background:#fff;box-shadow:inset 0 0 0 2px var(--graphite)}.err{background:#fdecea;color:#8a1c12;border-radius:12px;padding:12px 14px;font-size:14px}.previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:8px;gap:8px}.previews img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.pick{justify-content:center;gap:10px;min-height:88px;border-radius:14px;background:var(--ground);color:var(--muted);font-weight:600;cursor:pointer}.me-card,.pick{display:flex;align-items:center}.me-card{gap:12px}.me-card b{display:block}.cta{background:var(--graphite);color:#fff;border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:12px}.cta p{margin:0;color:#c9cfd6;font-size:14px}.cta h3{margin:0;font-family:var(--display);font-size:22px;font-weight:700}.foot{font-size:12px;color:var(--muted);padding:0 6px;display:flex;flex-wrap:wrap;gap:6px 10px}.foot a:hover{color:var(--ink)}.prof{display:flex;gap:16px;align-items:center}.prof h1{margin:0;font-family:var(--display);font-size:30px;line-height:1.1}.chip-pro{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:13px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.stat{padding:16px}.stat b{display:block;font-family:var(--display);font-size:34px;line-height:1;white-space:nowrap}.stat span{font-size:13px;color:var(--muted);white-space:nowrap}.rows{flex-direction:column}.row,.rows{display:flex}.row{justify-content:space-between;gap:12px;padding:10px 0;box-shadow:0 1px 0 var(--hair);font-size:15px}.row:last-child{box-shadow:none}.hero{background:var(--graphite);color:#f2f4f6}.hero-in{max-width:1120px;margin:0 auto;padding:18px 20px 72px}.hero-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero h1{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(44px,9vw,84px);line-height:.95;margin:56px 0 20px;letter-spacing:.005em}.hero h1 span{display:block}.hero h1 .dim{color:#8f98a3}.hero p{font-size:19px;color:#c9cfd6;max-width:560px;margin:0 0 28px}.hero .label{color:#9aa3ae}.steps{max-width:1120px;margin:-40px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.step{padding:20px}.step i{font-style:normal;width:44px;height:44px;border-radius:12px;background:var(--ground);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.step b{display:block;font-family:var(--display);font-size:21px;line-height:1.15;margin-bottom:4px}.step span{font-size:14px;color:var(--muted)}.land-sec{max-width:1120px;margin:0 auto;padding:48px 20px 24px}.land-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.land-grid{grid-template-columns:minmax(0,1fr)}}.land-foot{background:var(--graphite);color:#9aa3ae;margin-top:40px}.land-foot-in{max-width:1120px;margin:0 auto;padding:28px 20px;gap:16px;align-items:center;justify-content:space-between;font-size:14px}.land-foot-in,.langs{display:flex;flex-wrap:wrap}.langs{gap:4px 12px}.langs a.on{color:var(--ink);font-weight:600}.land-foot .langs a.on{color:#fff}