@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=DM+Mono:wght@400;500&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@font-face { font-family: 'MolliesScript'; src: url('assets/MolliesScript-Regular-Exfont9d72.otf') format('opentype'); }
:root { --ink:#392e48; --acid:#bf698b; --quiet:#806b78; --bg:#f1d9d5; --panel:#f8e9e5; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 78% 0,#fff3ed 0,#efd2d0 43%,#b697a4 100%); font-family:"Libre Baskerville", Georgia, serif; }
header { min-height:100px; display:flex; align-items:center; padding:15px clamp(22px,5vw,88px); border-bottom:1px solid #b994a3; gap:26px; }
.brand { text-decoration:none; color:var(--ink); font-family:"DM Mono",monospace; letter-spacing:.16em; font-size:14px; font-weight:500; }.brand span{color:var(--acid)}
header p, footer, .eyebrow, label, .artifact-actions { font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.11em; color:var(--quiet); } header p{margin-right:auto} header p a { transition:color 0.2s; } header p a:hover { color:var(--acid) !important; text-decoration:underline !important; }
main { max-width:1440px; min-height:calc(100vh - 120px); margin:auto; padding:clamp(34px,6vw,94px); display:grid; grid-template-columns:minmax(310px,.8fr) minmax(400px,1.2fr); gap:clamp(36px,7vw,120px); align-items:center; }
h1 { font-family:'MolliesScript', serif; font-size:clamp(52px,6.5vw,82px); font-weight:normal; line-height:1; letter-spacing:0; margin:13px 0 20px; position:relative; display:inline-block; } h1::after { content:attr(data-text); white-space:pre; position:absolute; left:0; top:0; color:var(--ink); filter:blur(6px); pointer-events:none; opacity:0; transition:opacity 0.2s; -webkit-mask-image:radial-gradient(circle 60px at var(--x, 50%) var(--y, 50%), black 0%, transparent 100%); mask-image:radial-gradient(circle 60px at var(--x, 50%) var(--y, 50%), black 0%, transparent 100%); } h1:hover::after { opacity:1; } .intro{color:#6f5b68;line-height:1.7;font-size:14px;max-width:490px;margin-bottom:38px}
label { display:block; margin:0 0 9px; color:var(--acid); font-size:9px; }
textarea,input { width:100%; border:1px solid #c99ba8; background:#fff5ef; border-radius:2px; color:#392e48; font:13px/1.65 "Libre Baskerville",serif; padding:15px; outline:none; transition:border .2s; } textarea{height:166px;resize:vertical} textarea:focus,input:focus{border-color:var(--acid)}
.seed-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:14px}.seed-row input{font-family:"DM Mono",monospace;height:47px}
button { border:1px solid var(--acid); background:var(--acid); color:#fff8f3; cursor:pointer; height:47px; padding:0 19px; font:500 10px "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; transition:transform .15s,background .15s; } button:hover{transform:translateY(-2px);background:#a94d75}.quiet { height:auto; padding:8px 0; border:0; background:none; color:#9c4b70 }.quiet:hover{background:none;color:#71304e}
.reading{margin-top:38px;padding:20px;border-left:1px solid #bf698b;background:linear-gradient(90deg,#f6e2e0,transparent)}.reading p{font-family:"DM Mono",monospace;font-size:13px;line-height:1.8;color:#51425c;margin:12px 0 0;min-height:40px;word-break:break-word}.grammar{font-size:11px;line-height:1.7;color:#806b78;margin:22px 0 0}
.artifact{min-width:0}.paper-frame{padding:clamp(9px,1.3vw,18px);background:#65766c;box-shadow:0 25px 80px #73445b55, inset 0 0 0 1px #88988c}.paper-frame canvas{width:100%;height:auto;display:block;background:#f5d6d0}.artifact-actions{display:flex;justify-content:space-between;align-items:center;padding:11px 0 0}.artifact-actions .quiet{font-size:10px}
footer{border-top:1px solid #c39ba7;padding:15px clamp(22px,5vw,88px);font-size:9px}@media(max-width:850px){header p{display:none}main{grid-template-columns:1fr;padding:42px 24px}.control-panel{max-width:600px}.artifact{order:-1}}