:root{--paper:#f8f7f2;--ink:#283e32;--muted:#748074;--line:#dce0d5;--green:#34573f;--pale:#edf0e5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:4px;padding:12px 24px;font-weight:500;display:inline-block}button:hover,.button:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:wait}.secondary{color:var(--green);background:0 0;border-color:#b8c3b2}.link{color:var(--ink);background:0 0;border:0;padding:0;font-weight:400}.muted{color:var(--muted)}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:29px 56px;display:flex}.brand{align-items:center;gap:10px;font-family:Noto Serif JP,serif;font-size:23px;font-weight:600;display:flex}.brand small{letter-spacing:2px;font-family:sans-serif;font-size:8px;font-weight:400;line-height:1.5;display:block}.mark{font-size:43px;line-height:1}nav{align-items:center;gap:29px;font-size:12px;display:flex}.login{border:1px solid #c7cebf;border-radius:3px;padding:7px 15px}main{max-width:1168px;margin:auto;padding:0 0 70px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;min-height:530px;padding:50px 35px 42px;display:grid}.eyebrow{letter-spacing:2.2px;color:#7b896f;margin:0 0 23px;font-family:sans-serif;font-size:10px;font-weight:600}h1,h2,h3{letter-spacing:.035em;font-family:Noto Serif JP,serif;font-weight:500}h1{margin:0 0 20px;font-size:48px;line-height:1.65}h1 em{color:#5c754d;font-style:normal}h2{margin:0 0 20px;font-size:29px}h3{margin:0 0 15px;font-size:20px}.intro{color:#67715f;margin:0 0 30px;font-size:14px;line-height:2.2}.hero button{justify-content:space-between;min-width:227px;display:flex}.caption{color:var(--muted);margin-top:12px;font-size:10px}.garden-art{background:radial-gradient(#e7ebdb 0%,#0000 68%);height:380px;position:relative;overflow:hidden}.orbit{border:1px solid #dce2d1;border-radius:50%;width:280px;height:280px;position:absolute;top:40px;left:60px}.o2{width:350px;height:350px;top:5px;left:25px}.stem{background:#7e956c;width:1px;height:220px;position:absolute;top:100px;left:200px;transform:rotate(6deg)}.leaf{transform-origin:100% 100%;opacity:.8;background:linear-gradient(135deg,#a2b78a,#68865a);border-radius:0 100%;width:83px;height:41px;position:absolute}.l1{top:150px;left:115px;transform:rotate(12deg)}.l2{top:178px;left:202px;transform:scaleX(-1)rotate(-15deg)}.l3{width:55px;height:35px;top:98px;left:147px;transform:rotate(45deg)}.l4{width:64px;height:33px;top:112px;left:204px;transform:scaleX(-1)rotate(12deg)}.art-label{color:#7e8a71;font-family:Noto Serif JP,serif;font-size:12px;line-height:2.1;position:absolute;top:240px;right:10px}.art-num{letter-spacing:1.8px;color:#929e86;font-size:8px;position:absolute;bottom:0;left:65px}.principles{border-block:1px solid var(--line);color:#8c967f;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 35px;font-size:11px;display:grid}.principles strong{color:#4c5e43;margin:0 10px;font-weight:500}.collection{padding:65px 35px}.section-heading{justify-content:space-between;align-items:end;gap:25px;display:flex}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0;font-size:27px}.search{border:1px solid var(--line);background:#fff9;border-radius:4px;width:330px;display:flex}.search input{background:0 0;border:none;min-width:0;margin:0;padding:10px 14px;font-size:12px}.search-button{color:var(--ink);background:0 0;border:0;padding:0 14px;font-size:25px}.tabs{border-bottom:1px solid var(--line);align-items:center;gap:25px;margin:27px 0;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:9px 0;font-size:12px}.tabs button.selected{border-bottom:2px solid var(--green);color:var(--green)}.tabs span{color:var(--muted);margin-left:auto;font-size:10px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff9;border-radius:5px;flex-direction:column;padding:25px 23px;transition:transform .15s;display:flex}.card:hover{border-color:#93a486;transform:translateY(-3px)}.card-top{color:#8a977d;letter-spacing:1.5px;justify-content:space-between;margin-bottom:22px;font-size:9px;display:flex}.card-top span:last-child{font-size:13px}.card h3{font-size:21px}.card>p{color:#6c7666;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:85px;font-size:12px;display:-webkit-box;overflow:hidden}.card-bottom{color:#8a9481;border-top:1px solid #e9ebe4;justify-content:space-between;gap:6px;margin-top:auto;padding-top:20px;font-size:9px;display:flex}.empty{text-align:center;background:#f0f2e966;border:1px dashed #ccd5c1;border-radius:5px;padding:42px 20px}.empty>span{color:#8da278;font-size:36px}.empty h3{margin:10px 0;font-size:22px}.empty p{color:var(--muted);font-size:12px}.empty button{margin-top:10px}.invitation{text-align:center;background:#edf0e7;border-radius:5px;margin:10px 35px;padding:50px 20px}.invitation h2{font-size:31px}.invitation p:not(.eyebrow){color:#76816d;font-size:12px}.invitation button{margin-top:16px}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;max-width:1168px;margin:auto;padding:30px 35px 40px;display:flex}.site-footer .brand{font-size:17px}.site-footer p,.site-footer small{color:var(--muted);font-size:10px}.site-footer small{width:100%}.editor,.detail{max-width:760px;margin:50px auto}.editor .eyebrow,.detail .eyebrow{margin-top:30px}.editor h1{font-size:37px}.steps{border-bottom:1px solid var(--line);gap:35px;margin:30px 0;display:flex}.steps span{color:#9aa18e;padding:10px 0;font-size:12px}.steps .active{border-bottom:2px solid var(--green);color:var(--green)}label{color:#43563b;margin:25px 0;font-weight:500;display:block}label b{color:#788d66;background:#e9eddf;border-radius:3px;margin-left:7px;padding:3px 7px;font-size:9px;font-weight:400}input,textarea,select{width:100%;color:var(--ink);background:#fffaf0;border:1px solid #d3dcca;border-radius:4px;margin-top:9px;padding:13px 15px}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #94a77e}textarea{resize:vertical}summary{cursor:pointer;color:#6f8061;font-size:13px}details{border-block:1px solid var(--line);padding:15px 0}.actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:30px;display:flex}.actions small{font-size:10px}.sheet{border:1px solid var(--line);background:#fff9;border-radius:5px;margin:25px 0;padding:35px}.prose{margin:30px 0}.prose h3{color:#7a896a;letter-spacing:.1em;font-family:inherit;font-size:12px}.prose p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1}.prose a{text-decoration:underline}.sheet footer{border-top:1px solid var(--line);color:#78846e;margin-top:35px;padding-top:25px;font-size:12px}.sheet footer small{font-size:10px}.notice,.alert{background:#e9efdf;border-radius:4px;margin:20px 0;padding:14px 18px;font-size:13px}.alert{color:#864e35;background:#f4e7df}.profile{margin:0 35px}.profile input{max-width:400px;display:block}.profile details{margin-top:20px}code{word-break:break-all;font-size:11px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #92a97b}@media (width<=800px){header{align-items:start;gap:16px;padding:20px}.brand{white-space:nowrap;font-size:19px}.mark{font-size:33px}nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:10px}nav>a:first-child{display:none}main{padding:0 20px 40px}.hero{grid-template-columns:1fr;gap:0;padding:45px 0 25px}.hero h1{font-size:37px}.garden-art{max-width:360px;height:230px;margin-top:10px}.orbit{top:-30px}.o2{top:-65px}.stem{top:10px}.l1{top:60px}.l2{top:88px}.l3{top:8px}.l4{top:22px}.art-label{top:140px}.art-num{bottom:5px}.principles{grid-template-columns:1fr;gap:8px;padding:20px 0}.collection{padding:40px 0}.section-heading{display:block}.search{width:100%;margin-top:22px}.cards{grid-template-columns:1fr}.card>p{min-height:0}.invitation,.profile{margin:15px 0}.invitation{padding:35px 15px}.invitation h2{font-size:26px}.editor,.detail{margin:30px auto}.sheet{padding:23px}.editor h1{font-size:29px}.steps{gap:18px}.steps span{font-size:10px}.site-footer{padding:25px 20px}.site-footer p{width:100%}.tabs{gap:17px}}.references{border-block:1px solid var(--line);margin:30px 0;padding:25px 0}.references>p{font-size:12px}.candidate-list{gap:12px;display:grid}.candidate-list article{border:1px solid var(--line);background:#fff8;border-radius:4px;padding:16px}.candidate-list article>a{font-weight:600}.candidate-list article>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.candidate-list button{padding:6px 12px;font-size:11px}.reference-list{padding:0;list-style:none}.reference-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:9px 0;font-size:12px}.reference-list li>a{text-decoration:underline}.reference-list .link{margin-left:15px;font-size:11px}.tabs .sort-control{white-space:nowrap;align-items:center;gap:8px;margin:0 0 0 auto;font-size:10px;display:flex}.sort-control select{width:auto;margin:0;padding:7px;font-size:11px}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:25px;font-size:12px;display:flex}.pagination button{padding:7px 16px}.profile>.button{margin:10px 10px 0 0;font-size:12px}.checkbox-label{font-size:12px;font-weight:400}.checkbox-label input{width:auto;margin:0 8px 0 0}.checkbox-label a,.site-footer a{text-decoration:underline}
