:root{--ink:#23352c;--muted:#68766e;--green:#356b4b;--bg:#f6f7f2;--line:#e2e7df;--soft:#eaf1e6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dcaa47;outline-offset:3px}.wrap{max-width:1180px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line);background:#fff}header .wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brandmark{display:grid;place-items:center;background:var(--green);color:#fff;width:35px;height:35px;border-radius:11px;font-size:24px}nav{display:flex;gap:27px;font-size:14px;font-weight:650}nav a:hover{color:var(--green)}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:64px 0 44px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:800}.hero h1{font-size:49px;line-height:1.3;letter-spacing:-2.8px;margin:18px 0}.hero h1 span{color:var(--green)}.hero p{color:var(--muted);font-size:16px}.search{position:relative;margin-top:28px;max-width:540px}.search input{width:100%;padding:17px 20px 17px 48px;border:1px solid #cbd7c8;border-radius:12px;background:#fff;box-shadow:0 5px 18px #243d2310}.search b{position:absolute;left:18px;top:14px;font-size:24px;color:var(--green)}.hero-art{background:#e7eedf;border-radius:30px;min-height:270px;position:relative;overflow:hidden;padding:32px;transform:rotate(-2deg)}.hero-art:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #c7d8be;border-radius:50%;right:-50px;top:-70px}.mini{background:#fff;border:1px solid #dae3d4;border-radius:16px;padding:20px;box-shadow:0 12px 28px #23402b0c;position:relative}.mini small{color:var(--muted)}.mini strong{display:block;font-size:28px;letter-spacing:-1px}.mini.second{margin:12px 0 0 75px;transform:rotate(5deg)}.spark{color:#8da779;position:absolute;right:25px;bottom:20px;font-size:44px}.benefits{display:flex;gap:25px;font-size:13px;color:var(--muted);padding-bottom:30px;border-bottom:1px solid var(--line)}.sectiontop{display:flex;align-items:center;justify-content:space-between;margin:36px 0 20px}.sectiontop h2{font-size:24px;margin:0;letter-spacing:-1px}.sectiontop span{font-size:13px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 16px;border-radius:99px;font-size:13px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #233d2710}.card a{display:block}.icon{display:grid;place-items:center;width:47px;height:47px;background:var(--soft);border-radius:13px;font-size:24px;margin-bottom:19px}.card:nth-child(3n+2) .icon{background:#fff0dd}.card:nth-child(3n) .icon{background:#eaf0f7}.card h3{font-size:18px;margin:0 0 7px;letter-spacing:-.6px}.card p{font-size:14px;color:var(--muted);margin:0;min-height:48px}.card small{display:block;color:var(--green);font-size:12px;margin-top:21px}.fav{position:absolute;right:17px;top:18px;border:0;background:transparent;font-size:25px;color:#8c988e;width:38px;height:38px}.fav.on{color:#b47c18}.empty{padding:40px;text-align:center;grid-column:1/-1;color:var(--muted)}.guide-banner{margin:40px 0 55px;border:1px solid #dbe4d4;border-radius:18px;background:#edf2e7;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-banner h3{margin:0 0 5px}.guide-banner p{margin:0;color:var(--muted);font-size:14px}.guide-banner a{white-space:nowrap;font-size:14px;font-weight:700}footer{border-top:1px solid var(--line);background:#fff;padding:35px 0;color:var(--muted);font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:25px}footer p{margin:7px 0}footer .links{display:flex;gap:18px;flex-wrap:wrap;align-content:start}.crumb{font-size:13px;color:var(--muted);margin:30px 0 22px}.toolhead h1{font-size:35px;letter-spacing:-1.5px;margin:10px 0}.toolhead p{color:var(--muted);margin:0 0 28px}.tool-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.panel h2{font-size:18px;margin:0 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:block;font-size:13px;font-weight:650;min-width:0}.field input,.field select,.field textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfd9cd;border-radius:9px;padding:12px;background:#fff;color:var(--ink);font-size:16px}.field textarea{min-height:150px;resize:vertical}.full{grid-column:1/-1}.primary,.secondary{border:0;border-radius:10px;padding:12px 21px;background:var(--green);color:white;font-weight:650;min-height:46px}.secondary{background:var(--soft);color:var(--green)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.result{background:#edf3e8;border:1px solid #d8e4d0;min-height:200px;overflow-wrap:anywhere}.result h2{color:var(--green);font-size:14px}.big{font-size:33px;font-weight:800;letter-spacing:-1px;line-height:1.4;margin:15px 0}.result p{font-size:14px}.result table{width:100%;border-collapse:collapse;font-size:14px}.result td,.result th{text-align:left;padding:9px;border-bottom:1px solid #d6e1d0}.note{font-size:12px;color:var(--muted)}.error{color:#a53727;font-size:14px}.article{max-width:850px;margin:32px 0 55px}.article h2{font-size:21px;margin-top:30px}.article p,.article li{color:#56665b;font-size:15px}.article details{background:#fff;border:1px solid var(--line);padding:17px 20px;border-radius:12px;margin:10px 0}.article summary{cursor:pointer;font-weight:650}.article details p{margin-bottom:0}.screenviz{height:180px;display:flex;align-items:end;gap:10px;margin:20px 0}.screenbox{border:4px solid #52705b;background:#bed4b4;display:grid;place-items:center;max-width:100%;font-size:12px;min-width:20px}.screenbox:last-child{background:#e3caa6;border-color:#9a7c54}canvas,img{max-width:100%;height:auto}.hidden{display:none!important}.check{display:flex;gap:9px;align-items:center;font-size:14px;margin-top:15px}.check input{width:18px;height:18px}.result pre{white-space:pre-wrap}.ad-slot{display:none}.legal{max-width:800px;min-height:50vh}.legal h1{font-size:34px;margin-top:42px}.legal h2{font-size:21px;margin-top:28px}.legal p{color:#58685c}.status{display:inline-block;padding:4px 10px;background:var(--soft);border-radius:7px;font-size:12px;color:var(--green)}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:39px}.hero-art{padding:20px}.mini.second{margin-left:25px}.tool-layout{grid-template-columns:1fr}.result{min-height:150px}.hero{gap:22px}.wrap{padding:0 24px}}@media(max-width:580px){header .wrap{height:71px}.brand{font-size:21px}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 0 25px}.hero h1{font-size:37px;margin:13px 0;letter-spacing:-2px}.hero p{font-size:14px}.hero-art{display:none}.benefits{gap:12px;font-size:11px;flex-wrap:wrap;padding-bottom:24px}.grid{grid-template-columns:1fr;gap:12px}.card{padding:22px}.card .icon{float:left;margin:0 17px 16px 0}.card p{min-height:0;padding-right:12px}.card h3{padding-right:20px}.card small{clear:both;margin-top:14px}.filters{flex-wrap:nowrap;overflow:auto;padding:2px 2px 9px}.chip{white-space:nowrap}.wrap{padding:0 19px}.sectiontop{margin-top:28px}.sectiontop h2{font-size:21px}.guide-banner{padding:23px;display:block}.guide-banner a{display:inline-block;margin-top:15px}footer .wrap{display:block}footer .links{margin-top:20px;gap:14px}.panel{padding:21px}.fields{gap:13px}.toolhead h1{font-size:29px}.big{font-size:29px}.field{font-size:12px}.field input,.field select{padding:11px 9px}.article{margin-bottom:35px}.crumb{margin-top:22px}.full-mobile{grid-column:1/-1}}
@media(max-width:580px){.sectiontop{align-items:flex-start;flex-direction:column;gap:4px}.filters{scrollbar-width:thin}}@media(max-width:360px){header .wrap{gap:8px}.brand{font-size:18px}.brandmark{width:29px;height:29px}nav{gap:9px;font-size:11px}.hero h1{font-size:32px}.toolhead h1{font-size:26px}.screenviz{gap:5px}}