:root{color-scheme:light;--bg:#f4eee5;--panel:#fffaf2;--line:#dfd1c1;--text:#382e29;--muted:#89766b;--green:#c9674b;--accent:#c9674b;--ink:#463a34;--paper:#fffaf2;--sakura:#e7a49a;--tea:#8f6d52;--shadow:0 12px 32px rgba(91,67,52,.09)}
*{scrollbar-color:#caa995 #f1e8dd}body{background:var(--bg);color:var(--text);grid-template-columns:264px minmax(0,1fr);font-family:"Noto Sans SC","Hiragino Sans GB","Yu Gothic",system-ui,sans-serif;background-image:radial-gradient(circle at 93% 4%,rgba(220,133,116,.12),transparent 25%),linear-gradient(rgba(150,111,86,.035) 1px,transparent 1px);background-size:auto,100% 32px}
aside{position:sticky;top:0;height:100vh;padding:26px 18px;background:#493d37;color:#fff9f0;border:0;box-shadow:8px 0 30px rgba(67,47,37,.08)}.brand{padding:3px 8px 30px;font-family:"Yu Mincho","Noto Serif SC",serif}.brand>b{background:#d9785c;color:#fff8ed;border-radius:50% 50% 44% 56%;box-shadow:inset 0 0 0 1px #efaa93}.brand small{color:#cdbdb3}.brand:after{content:"運営室";margin-left:auto;color:#d8b09f;font:11px serif;writing-mode:vertical-rl;letter-spacing:3px}nav{gap:5px}nav button{position:relative;padding:11px 13px;color:#d9cbc2;border-radius:10px;font-size:13px}nav button:hover,nav button.active{background:#fff7ec;color:#9e4937;box-shadow:0 5px 16px #251a152b}nav button.active:before{content:"";position:absolute;left:-5px;top:11px;width:3px;height:18px;border-radius:4px;background:#e58a6e}footer{color:#cdbdb3}footer i{background:#e99a80;box-shadow:0 0 0 4px #e99a8020}
main{padding:30px clamp(22px,4vw,58px) 70px;max-width:1600px;width:100%;margin:auto}header{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #dfd2c6}header p,.hero span,.dochead span,.platform-hero span{color:#bc5e46!important;letter-spacing:2.4px}h1,h2,h3{font-family:"Yu Mincho","Noto Serif SC","Songti SC",serif;color:#3d302a}h1{font-size:28px;letter-spacing:.03em}button{border-color:#dbcabc;background:#fffaf3;color:#59483e;box-shadow:0 2px 7px rgba(90,66,50,.04);transition:transform .16s,box-shadow .16s,border-color .16s}button:hover{transform:translateY(-1px);border-color:#c98d77;box-shadow:0 7px 18px rgba(100,67,50,.1)}.primary{background:#c9674b;color:#fffaf1;border:1px solid #b7553d;box-shadow:0 8px 18px rgba(183,85,61,.18)}
.hero,.platform-hero{position:relative;overflow:hidden;border-color:#dfc1ae;background:linear-gradient(130deg,#fff8ed,#f8e6d8 58%,#f0c5b8);box-shadow:var(--shadow);padding:32px}.hero:after,.platform-hero:after{content:"和";position:absolute;right:5%;top:-32px;color:#fff8ef80;font:150px "Yu Mincho",serif;pointer-events:none}.hero h2,.platform-hero h2{position:relative;z-index:1;font-size:30px}.hero p,.platform-hero p{position:relative;z-index:1;color:#806a5e}.stats,.v5-stats{gap:14px}.stats article,.v5-stats article,.panel,.cards article,#slist article,.docs article{background:rgba(255,250,242,.92);border-color:var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(92,66,49,.045)}.stats article,.v5-stats article{border-top:3px solid #dfa08c}.stats small,.v5-stats small{color:#8a7569}.stats strong,.v5-stats strong{color:#a9503b;font-family:"Yu Mincho",serif}.panel{padding:22px}.cards,.project-hub{gap:14px}.project-card{background:#fffaf3;border-color:#dfd1c1;border-radius:14px;padding:20px;box-shadow:0 5px 18px rgba(92,66,49,.05);border-top:3px solid #dca18d}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(92,66,49,.1)}.project-card .modules span,.status-pill,.kind{background:#f5dfd4;color:#a04f3b}.project-card .path,.meta,.muted{color:#8b786c}
input,textarea,select{background:#fffdf8;color:#41352f;border-color:#d9c8b9;border-radius:9px}input:focus,textarea:focus,select:focus{outline:none;border-color:#cc755b;box-shadow:0 0 0 3px #cc755b18}.board>section{background:#eee4d9;border-color:#d9c9bb}.board article,.v4-item,.runtime,#commandList article{background:#fffaf3;border-color:#dfd1c1}.running,.clear{color:#65805d}.needs-clarification{color:#bb713c}.release{border-left-color:#c9674b}.approval{background:#fff2db;border-color:#dfbf83}.event{border-color:#e4d7cb}.event i{border-color:#c9674b;background:#fffaf3}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:4px;top:18px;bottom:18px;width:1px;background:#d8b6a6}pre{padding:14px;border-radius:10px;background:#463d38;color:#f9eee5}.version-badge{background:#493d37;color:#ffd9ca;border-color:#745c50;box-shadow:0 8px 24px #5c40322b}.warn{background:#fff1d9;color:#805d36;border-color:#dcb77d}dialog{background:#fffaf3;color:#40342e;border-color:#d9c6b7;box-shadow:0 30px 80px #59403240}dialog::backdrop{background:#4b39317a;backdrop-filter:blur(3px)}#toast{background:#493d37;color:#fff8ef;box-shadow:var(--shadow)}
body:has(.shell){display:grid;grid-template-columns:1fr;place-items:center;overflow:hidden;background:#f2e8dc;background-image:radial-gradient(circle at 14% 18%,#e8aa981f,transparent 30%),radial-gradient(circle at 86% 78%,#ca8b6f1c,transparent 35%),repeating-linear-gradient(0deg,transparent,transparent 31px,#8f6d5209 32px)}body:has(.shell) .grid{opacity:.18;background-image:linear-gradient(#a9846b 1px,transparent 1px),linear-gradient(90deg,#a9846b 1px,transparent 1px)}body:has(.shell) .backdrop{background:radial-gradient(circle at 15% 25%,#dc8b7324,transparent 28%)}.shell{background:#fffaf2;border-color:#d8c4b3;box-shadow:0 30px 90px #78584629;border-radius:22px}.intro{position:relative;background:linear-gradient(145deg,#584841,#493b35 62%);border-color:#755f53;color:#fff7ed}.intro:after{content:"開発";position:absolute;right:20px;bottom:-18px;color:#fff8ee0b;font:130px "Yu Mincho",serif;writing-mode:vertical-rl}.mark{background:#d9785c;color:#fff8ef;box-shadow:0 0 0 5px #d9785c20}.brandline b,.intro h1{color:#fff9f1}.brandline small,.intro>p{color:#ccbcb2}.features div{color:#ede1d9}.features i,.security i{background:#e58a6e;box-shadow:none}.login{background:#fffaf2}.eyebrow{color:#b75740}.login h2{color:#3d302a}.sub,.login label,.security{color:#88756a}.field input{background:#fffdf9;color:#40332d;border-color:#d8c6b7}.field input:focus{border-color:#c9674b;box-shadow:0 0 0 3px #c9674b18}.login button{background:#c9674b;color:#fff9ef;box-shadow:0 10px 24px #a94f3824}.remember small{color:#99877c}.remember b{color:#4b3c35}.error{color:#b84242}
@media(max-width:850px){body{grid-template-columns:1fr}aside{position:relative;height:auto;background:#493d37}.brand{display:flex;padding-bottom:14px}nav{padding-bottom:4px}.hero,.platform-hero{padding:23px}.hero h2,.platform-hero h2{font-size:24px}.stats,.v5-stats{grid-template-columns:1fr 1fr}main{padding:20px 16px 70px}}