@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--bg:#10131a;--panel:#181c25;--line:#2b303a;--text:#f3f1eb;--muted:#a3a9b6;--accent:#a6e2cb;--orange:#ff936f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 'DM Sans','Noto Sans JP',sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.top{height:76px;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;padding:0 max(calc((100vw - 1360px)/2),5vw);background:#10131af2;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:18px;white-space:nowrap}.brand small{display:block;color:var(--muted);font:9px 'DM Sans';letter-spacing:1.3px}.brand-icon,.community-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--accent);color:#18211e;border-radius:13px;font-weight:800}.search{margin-left:auto;width:min(410px,38vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text)}kbd{border:1px solid var(--line);padding:0 6px}.join,.community button{padding:10px 16px;border:0;border-radius:9px;background:var(--accent);color:#14211c;font-weight:700}.hero{max-width:1360px;margin:36px auto 58px;padding:0 28px;display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center}.hero-text{padding:30px 0}.eyebrow{font:700 10px 'DM Sans','Noto Sans JP';letter-spacing:1.7px;color:var(--accent)}h1{font-size:clamp(42px,5vw,70px);line-height:1.2;letter-spacing:-.05em;margin:20px 0}h1 em{font-style:normal;color:var(--accent)}.hero-text p{max-width:540px;color:var(--muted);font-size:17px}.button{display:inline-flex;justify-content:center;gap:24px;padding:12px 18px;border:0;border-radius:8px;background:var(--accent);color:#16221d;text-decoration:none;font-weight:700}.hero-tags{display:flex;gap:10px;margin-top:34px}.hero-tags span{border:1px solid var(--line);border-radius:30px;padding:5px 13px;color:#c3c7d0;font-size:12px}.hero-image{height:410px;position:relative;overflow:hidden;border-radius:18px}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(transparent,#000c);font-size:14px}.layout{max-width:1360px;margin:auto;padding:0 28px;display:grid;grid-template-columns:205px minmax(0,690px) 250px;gap:34px;align-items:start}.left,.right{position:sticky;top:100px}.left .eyebrow{display:block;margin:0 0 15px 9px}.room,.saved{display:block;width:100%;text-align:left;background:transparent;border:0;color:#aeb4c0;padding:11px 13px;border-radius:8px}.room.active,.room:hover,.saved:hover{background:#202631;color:var(--accent)}.saved{margin-top:12px;border-top:1px solid var(--line);border-radius:0;padding-top:17px}.saved b{float:right}.notice,.side-note{margin-top:25px;padding:15px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.notice b,.side-note b{color:var(--text)}.notice p,.side-note p{margin:7px 0}.feed-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.feed-title h2{margin:4px 0 0;font-size:25px}.sort{display:flex;gap:3px;background:#191d26;padding:4px;border-radius:9px}.sort button{background:none;border:0;color:var(--muted);padding:6px 10px;border-radius:6px;font-size:12px}.sort button.selected{background:#343a45;color:white}.compose,.composer,.post,.tool,.community,.side-note{background:var(--panel);border:1px solid var(--line);border-radius:12px}.compose{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:14px}.avatar{display:grid;place-items:center;background:#27372f;color:var(--accent);width:36px;height:36px;border-radius:50%;font-weight:700}.compose button{flex:1;text-align:left;background:#222731;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.compose>span:last-child{color:var(--accent)}.composer{display:grid;gap:11px;padding:17px;margin-bottom:14px}.form-head{display:flex;justify-content:space-between}.form-head button{background:none;color:var(--muted);border:0;font-size:22px}input,textarea,select{width:100%;background:#11151d;color:var(--text);border:1px solid #333945;border-radius:7px;padding:10px 12px;outline-color:var(--accent)}textarea{resize:vertical}.composer small,.tool small{color:var(--muted);font-size:11px}.composer .button{justify-self:end}.post{padding:18px;margin:12px 0}.post-meta{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.post-meta b{color:var(--accent)}.post h3{margin:9px 0;font-size:18px}.post p{white-space:pre-wrap;color:#ccd0d7;margin:0 0 13px}.post-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px}.post-actions button,.comment-box button,.field-note button{border:0;border-radius:7px;padding:6px 10px;background:#242a34;color:#c9ced7;font-size:12px}.comment-box{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.comment-item{padding:8px;color:#c9ced7;border-bottom:1px solid var(--line);white-space:pre-wrap}.comment-box form{display:flex;gap:8px;margin-top:10px}.comment-box textarea{flex:1}.hidden{display:none!important}.tool{margin:35px 0;padding:22px}.tool h2{margin:5px 0}.tool>p{color:var(--muted);font-size:13px}.tool form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool label{font-size:12px;color:#d5d7dc}.tool label input{display:block;margin-top:5px}.tool .wide{grid-column:1/-1}.tool button{justify-self:start}.tool small{display:block;margin-top:14px}.note-card{margin-top:12px;background:#202631;border:1px solid var(--line);border-radius:8px;padding:12px}.note-card p{margin:4px 0;color:var(--muted);font-size:13px}.note-card button{background:none;border:0;color:var(--orange);padding:2px}.gallery{margin:36px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-grid article{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding-bottom:12px}.gallery-grid img{width:100%;height:125px;object-fit:cover}.gallery-grid b,.gallery-grid p{display:block;padding:0 12px}.gallery-grid b{margin-top:9px;font-size:13px}.gallery-grid p{font-size:11px;color:var(--muted);margin-bottom:0}.guide{margin:42px 0;padding:24px 0;border-top:1px solid var(--line)}.guide h2{margin:8px 0 18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-grid article{background:#171b23;border-radius:9px;padding:14px}.guide-grid article>b{color:var(--accent)}.guide h3{font-size:14px}.guide p{color:var(--muted);font-size:12px}.community{padding:20px;text-align:center}.community-mark{margin:0 auto 14px;width:47px;height:47px;font-size:21px}.community .eyebrow{font-size:9px}.community h3{margin:8px 0}.community p,.community small{color:var(--muted);font-size:12px}.community button{width:100%}.community small{display:block;margin-top:10px}.side-photo{margin-top:14px;height:200px;border-radius:10px;overflow:hidden}.side-photo img{width:100%;height:100%;object-fit:cover}footer{max-width:1360px;margin:60px auto 0;padding:24px 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px}footer>span{margin:auto}footer .brand{color:var(--text)}@media(max-width:1080px){.layout{grid-template-columns:180px minmax(0,1fr)}.right{display:none}.hero{gap:24px}.hero-image{height:350px}}@media(max-width:720px){.top{padding:0 15px;gap:10px;height:65px}.brand{font-size:15px}.brand small{font-size:7px}.search{width:auto;flex:1;margin-left:auto}.search input{font-size:12px}.search kbd{display:none}.join{padding:8px;font-size:11px}.hero{display:flex;flex-direction:column-reverse;margin:15px auto 30px;padding:0 16px;gap:0}.hero-image{height:230px;width:100%}.hero-text{padding:22px 0 0}.hero-text p{font-size:14px}.hero-tags{margin-top:19px}.layout{display:block;padding:0 16px}.left{position:static;display:flex;gap:6px;overflow:auto;margin-bottom:22px}.left>.eyebrow,.notice,.saved{display:none}.room{white-space:nowrap;width:auto;background:#191d26;padding:8px 11px;font-size:12px}.feed-title h2{font-size:21px}.sort button{padding:5px 7px}.gallery-grid{grid-template-columns:1fr}.gallery-grid article{display:grid;grid-template-columns:115px 1fr;align-items:center;padding:0 0 8px}.gallery-grid img{grid-row:span 2;height:98px}.gallery-grid b{padding:0 10px}.gallery-grid p{padding:0 10px}.guide-grid{grid-template-columns:1fr}.tool{padding:16px}.tool form{grid-template-columns:1fr}.tool .wide{grid-column:auto}footer{padding:18px;flex-wrap:wrap}footer>span{margin:0}h1{font-size:43px}}