:root{--ink:#141b1d;--muted:#596365;--paper:#f2ede3;--line:#cbd1c9;--mint:#bcd9ca;--orange:#e88a4d;--sans:'Pretendard',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit}.wrap{width:min(1300px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:white;padding:10px;z-index:20}header{border-bottom:1px solid var(--line)}.head{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:118px;height:auto;display:block}.head nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:650}.head nav a{text-decoration:none}.head nav a[aria-current]{color:#326c5d}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:76px 0 85px}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.14em;color:#507265;text-transform:uppercase}.hero h1{font-size:clamp(40px,5.8vw,76px);line-height:1.17;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;color:#538574}.lead{max-width:480px;font-size:17px;line-height:1.9;color:var(--muted)}.pill{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 20px;border:1px solid #304c43;border-radius:100px;text-decoration:none;font-size:14px;font-weight:700}.pill.dark{margin-top:18px;background:#1d3933;color:#fff;border-color:#1d3933}.hero-art{position:relative;min-height:430px;border-radius:4px;background:#c8dcd0;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.art-corner,.art-bottom{z-index:1;font:500 11px/1.4 var(--mono);letter-spacing:.1em}.art-bottom{display:flex;justify-content:space-between;gap:10px}.art-orbit{position:absolute;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);border-radius:50%;background:#f1e8d8;display:grid;place-items:center;text-align:center}.art-orbit>span{font:500 54px/.9 var(--serif);letter-spacing:-.1em;color:#365d51}.art-orbit .dot{color:#e88a4d}.art-orbit i{position:absolute;width:340px;height:150px;border:1px solid #698c7c;border-radius:50%;transform:rotate(-22deg)}.art-orbit i:nth-child(2){transform:rotate(38deg)}.art-orbit i:nth-child(3){width:16px;height:16px;background:#ed9963;left:-19px;top:102px;border:0}.introduction{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:50px 0 65px}.introduction>div{display:grid;grid-template-columns:1fr 1fr;gap:32px}.introduction h2,.source h2{font-size:clamp(26px,3vw,38px);line-height:1.3;letter-spacing:-.045em;margin:0}.introduction p:not(.eyebrow),.source p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.85}.library{border-top:1px solid var(--line);padding:65px 0}.library-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.library-head h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.05em;margin:8px 0}.library-head p:last-child{color:var(--muted);margin:0}.search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c9cec7;border-radius:8px;padding:12px 14px;min-width:290px}.search span{font-size:13px;font-weight:700}.search input{border:0;outline:none;font:inherit;min-width:0;width:100%;background:transparent}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:30px 0;border-bottom:1px solid var(--line)}.filters button{border:1px solid #c3cbc2;background:transparent;border-radius:100px;padding:9px 14px;color:var(--ink);font:600 13px var(--sans);cursor:pointer}.filters button[aria-pressed=true]{background:#1c3933;color:#fff;border-color:#1c3933}.results-line{display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:var(--muted);font-size:13px}.results-line strong{color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:#fffdf8;border:1px solid #e1e0d9;border-radius:10px;padding:22px;display:flex;flex-direction:column;min-height:185px}.meta{display:flex;justify-content:space-between;gap:10px;font:500 11px var(--mono);color:#5e8375}.card h3{font-size:19px;letter-spacing:-.03em;margin:16px 0 6px}.card .summary{color:var(--muted);font-size:14px;margin:0 0 15px}.card details{margin-top:auto;border-top:1px solid #eceee9;padding-top:14px}.card summary{cursor:pointer;font-weight:700;font-size:14px}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.85 var(--sans);background:#f3f5ef;border-radius:7px;padding:15px;margin:14px 0}.copy{background:#21463b;color:white;border:0;border-radius:6px;padding:10px 13px;font:700 13px var(--sans);cursor:pointer}.copy:hover,.pill.dark:hover{background:#386c59}.empty{padding:45px;text-align:center;color:var(--muted)}.source{background:#dbe7dc;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:35px}.source>div{max-width:760px}.source h2{margin:10px 0 15px}.source .pill{white-space:nowrap}.foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin:60px auto 0;padding:25px 0 40px;font-size:13px;color:var(--muted)}.foot a{text-decoration:none}#toast{position:fixed;right:24px;bottom:24px;padding:12px 18px;background:#172f29;color:white;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:850px){.hero{gap:25px}.hero-art{min-height:350px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.introduction{grid-template-columns:1fr}.introduction>div{grid-template-columns:1fr 1fr}.source{align-items:start;flex-direction:column}}@media(max-width:580px){.wrap{width:calc(100% - 36px)}.head{height:72px}.logo{width:95px}.head nav{gap:13px;font-size:12px}.hero{grid-template-columns:1fr;padding:48px 0 60px}.hero-art{min-height:300px}.art-orbit{width:200px;height:200px}.art-orbit>span{font-size:43px}.art-orbit i{width:260px;height:120px}.introduction>div{grid-template-columns:1fr}.library-head{align-items:stretch;flex-direction:column}.search{min-width:0}.cards{grid-template-columns:1fr}.results-line span{display:none}.source{padding:26px}.foot{flex-wrap:wrap}}
 :focus-visible{outline:3px solid #286b58;outline-offset:3px}.search:focus-within{outline:3px solid #286b58;outline-offset:3px}