/* Rabbitwild / optical form. A reversible art direction, 2026-10-14. */
:root{--paper:#f2f2ef;--ink:#17191e;--muted:#717780;--orange:#3b55dc;--line:#cdd0d7;--sans:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body{color:var(--ink)}::selection{background:#bfcaff;color:#17191e}
.site-header{border-color:#17191e18}.wordmark{letter-spacing:-1.15px;gap:0;font-weight:650}.wordmark svg{width:30px;height:38px;margin-right:13px;stroke:currentColor;stroke-width:2.05;transition:transform .3s}.wordmark:hover svg{transform:rotate(-7deg)}.wordmark-dot{color:var(--ink)}.prototype-tag{border:0;color:var(--muted);font-size:10px;padding:6px 0}.site-header nav{gap:32px}
.hero{min-height:max(760px,calc(100svh - 96px));padding-top:35px;padding-bottom:42px}
.hero-index{font-family:var(--sans);font-size:11px;letter-spacing:.025em;color:var(--muted)}.status-dot{width:4px;height:4px;background:var(--ink)}
.hero-title-wrap{padding-top:192px;z-index:2}.hero-title-wrap h1{font-size:clamp(76px,7.5vw,114px);line-height:1.21;font-weight:400;letter-spacing:-.06em}.hero-title-wrap h1>span{margin-left:52px;max-width:none}.hero-star{top:123px;font-size:43px;color:#3b55dc}.hero-subtitle{margin-top:32px;font-size:13px;color:#41444d;letter-spacing:.015em}
.hero-aside{display:none}.portal{left:38%;width:65%;height:94%;top:-3%;pointer-events:auto;touch-action:pan-y}
.hero-bottom{align-items:center;gap:28px}.explore-link{font-size:13px;gap:28px;border-bottom:1px solid #17191e50;padding:10px 0 12px;min-width:190px}.explore-link span{font-size:24px;transition:transform .3s}.explore-link:hover span{transform:translate(4px,4px)}
.scene-caption{gap:9px}.scene-caption>div{border-left:1px solid #17191e28;padding-left:18px;margin-right:12px;gap:7px}.scene-caption .mono{font-family:var(--sans);font-size:11px;letter-spacing:.02em}.scene-caption #scene-status{font-size:10px;color:var(--muted)}
.icon-button{border-color:#17191e38;background:#f2f2ef;font-size:19px;padding:9px;min-width:40px;min-height:40px}.icon-button:hover{background:#fff}.form-button{aspect-ratio:auto;border-radius:25px;min-width:76px;font-size:12px}.form-button span{font-family:var(--sans);font-size:12px}.icon-button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.writing{background:#17191e}.section-top{border-color:#ffffff26}.section-top>.mono{font-family:var(--sans);letter-spacing:.02em}.writing-heading>p{color:#b8bcc6}.writing-foot{color:#a6abb7}.writing-foot .mono{font-family:var(--sans);letter-spacing:.01em}.draft-entry-status{color:#b0b8ce}.draft-entry:hover .draft-entry-title{color:#b1bcff}
.story-copy{color:var(--ink)}.story-meta{border-color:#17191e25}.story-copy p{color:#555963}.story-copy h3 a:hover{color:#3b55dc}.story-visual{background:#e0e4ed}.visual-caption{color:#626b80;font-family:var(--sans);letter-spacing:.05em;font-size:9px}
.play{background:#e8ebf2}.play p{color:#656b79}.fold-sheet{border-color:#17191e10;box-shadow:20px 25px 32px #17191e15}.sheet-a{background:#f7f7f4}.sheet-b{background:#687ed7}.sheet-c{background:#bfc7dc}.fold-study>.mono{font-family:var(--sans);letter-spacing:.02em;color:#767d8d}
.about{background:var(--paper)}.about p{color:#646a77}.about>.mono{font-family:var(--sans);letter-spacing:.02em}.site-footer{border-color:#17191e20;color:#717780}.site-footer .mono{font-family:var(--sans);letter-spacing:.02em}
.article-page{background:#f6f6f3}.prose{color:#292c33}.prose h2,.prose .lead,.prose blockquote,.prose .closing-question{color:var(--ink)}.article-meta{color:#7d8290}.sample-note{color:#7d8290}.draft-tools{color:#555d70}.draft-tools a{text-decoration-color:#717b9850}#draft-content a{color:#3b55c2}#draft-content a:hover{color:#172760}#draft-content pre,#draft-content th{background:#e9ecf2}#draft-content pre,#draft-content th,#draft-content td{border-color:#17191e25}#draft-content hr{border-color:#17191e30}.reading-progress span{background:#3b55dc}
.communication-demo{border-color:#17191e2a}.demo-tabs{background:#e7eaf2}.demo-content{background:#f1f2f6}.message-side p{border-color:#17191e35;color:#373d4b}.flow-arrow{color:#3b55dc}.demo-bottom{background:#e7eaf2}.demo-action{border-color:#17191e55}.margin-thought{background:#e7eaf2;color:var(--ink)}
@media(min-width:1600px){.hero-title-wrap{padding-top:220px}.hero-title-wrap h1{font-size:128px}.portal{left:39%;width:62%}}
@media(max-width:1100px) and (min-width:761px){.hero-title-wrap{padding-top:190px}.hero-title-wrap h1{font-size:80px}.hero-title-wrap h1>span{margin-left:30px}.portal{left:37%;width:66%}.scene-caption>div{display:none}.hero-subtitle{max-width:400px}}
@media(min-width:761px) and (max-width:900px){
 .hero-title-wrap{padding-top:54px}.hero-star{top:50px;right:16px;left:auto;font-size:32px}
 .hero-scene{position:relative;inset:auto;order:2;flex:1 0 540px;min-height:540px}
 .portal{left:4%;width:92%;height:540px;top:0}.hero-bottom{padding-top:16px}.scene-caption>div{display:flex}
}
@media(max-width:760px){
 .site-header nav{gap:18px}.wordmark svg{width:25px;height:31px;margin-right:8px}.hero{padding-top:28px;padding-bottom:27px;min-height:max(780px,calc(100svh - 78px))}
 .hero-index{font-size:9px}.hero-title-wrap{padding-top:49px}.hero-title-wrap h1{font-size:clamp(58px,12vw,82px);line-height:1.22}.hero-title-wrap h1>span{margin-left:30px;max-width:calc(100% - 30px)}.hero-star{right:0;left:auto;top:43px;font-size:28px}.hero-subtitle{font-size:11px;margin-top:21px}
 .hero-scene{min-height:360px;flex-basis:360px;overflow:visible}.portal{left:-14%;width:128%;height:420px;top:-25px}
 .hero-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:25px 12px}.explore-link{order:2;width:100%;min-width:0;font-size:12px;justify-content:space-between}.scene-caption{display:flex;order:1;gap:8px;width:100%}.scene-caption>div{display:flex;flex:1;border:0;padding:0;margin:0;min-width:0}.scene-caption .mono{display:block;font-size:10px}.scene-caption #scene-status{font-size:9px}.icon-button{min-width:36px;min-height:36px;padding:7px}.form-button{min-width:65px}.form-button span{font-size:11px}.visual-caption{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.wordmark svg,.explore-link span{transition:none}}