/* Original print treatment shared by the opening and archive workbench. */
:root{--ink:#252d35;--sage:#76a99a;--muted:#a6afb8;--gold:#bdb69f;--line:#45505c;--bg:#151b24;--panel:#202833;--mint:#99c4b5;--amber:#d0b995;--red:#cf8d85;color:#dedccf;background:#151b24}
body{background:radial-gradient(ellipse at 80% 0,#34415866,transparent 65%),url('./print-grain.svg'),#151b24;background-attachment:fixed}
button,a{transition:background .15s,color .15s,border-color .15s}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #99c4b5;outline-offset:4px}
.top,.topbar{border-bottom:1px solid #69748055;position:relative}
.top:after,.topbar:after{content:"";position:absolute;bottom:-4px;left:35px;width:70px;height:5px;background:#a75c55;clip-path:polygon(0 0,100% 10%,95% 55%,40% 100%,3% 70%)}
.brand,.brand-title{color:#dedccf}.mark,.sigil{border-color:#9cafaa;color:#b3d1c4;border-radius:0;transform:rotate(-3deg)}
.top small,.utility button,.utility a{color:#b4bfc5}.kicker,.eyebrow{color:#aabeb7}
.context h1,.masthead h1,.landing h1{font-family:"SimSun","Songti SC",serif;font-weight:700;color:#dedccf;text-shadow:2px 1px #59667555;letter-spacing:.13em}
.context h1{font-size:46px;line-height:1.5;border-left:4px solid #a75c55;padding-left:19px;margin-left:-23px}
.context .sub{color:#a6afb8}.task{border-color:#606c79}.task span{background:#dedccf;color:#202833;padding:4px 9px;letter-spacing:.15em}.task p{color:#e1e4dd}.task .hint{color:#a6afb8}.scene-foot{color:#9aa7b2}
.keepsake{color:#bcc5cb;border-color:#45505c}.mini-paper{background:#dedccf;color:#303a43;box-shadow:2px 2px #050b14}
.chat{background:#d2d5d3;border:1px solid #818b8d;border-radius:1px;box-shadow:9px 10px 0 #080e1680,0 30px 65px #0006}
.chat-head{background:#202833;color:#dedccf;border-bottom:4px double #87968e;padding-top:22px;padding-bottom:22px}
.chat-head h2{font-size:17px;letter-spacing:.1em}.chat-head p{color:#aebbbd}.chat-head .online{color:#a6cbbf}.chat-head .online:before{background:#99c4b5}
.avatar,.message .avatar{border-radius:1px;background:#3c5055;color:#e2e5da;border:1px solid #6e8581;font-family:"SimSun",serif}
.conversation{background:linear-gradient(90deg,#75849012,transparent 18%),url('./print-grain.svg'),#d2d5d3;scrollbar-color:#657c80 transparent}
.date{color:#52616b;font-family:Consolas,"Microsoft YaHei",monospace;letter-spacing:.08em}
.bubble{background:#f0efe7;border-color:#aeb5b3;border-radius:0 3px 3px 3px;box-shadow:2px 3px 0 #64747b15;color:#252d35}
.me .bubble{background:#bbcfc8;border-color:#7f9d92;border-radius:3px 0 3px 3px}
.voice-file,.attachment{border-radius:1px;background:#e6e6dc;border-color:#929f9e;box-shadow:3px 3px 0 #65747a20;color:#252d35}
.voice-file{border-left:4px solid #4c726d}.voice-file:hover,.attachment:hover{background:#f2f2e8;border-color:#466f66}
.voice-file small,.attachment small{color:#596973}.play-square{border-radius:2px;background:#263a40;color:#c9ded1}.tiny-wave i{background:#426f65}
.history-card{background:#bdc7c6;color:#3e555e;border-color:#657d77}
.chat-action{background:#202833;border-top:1px solid #65727d}.chat-action p{color:#b0bac1}
.primary,.viewer-bottom .primary{background:#a8c4b8;color:#182b2b;border:1px solid #c2d6ca;border-radius:1px;box-shadow:inset 0 -3px #35564d30;font-weight:600;letter-spacing:.04em}
.primary:hover:not(:disabled),.viewer-bottom .primary:hover:not(:disabled){background:#d4e0d4;color:#182b2b}
.close{background:#252f3a;color:#dedccf;border-color:#75828b;border-radius:1px}
.close:hover{background:#3b4856}.secondary{border-radius:1px}
.layer{background:#101720ed;backdrop-filter:blur(4px)}
.viewer-head{border-bottom:1px solid #596775;margin-bottom:16px;padding-bottom:12px;color:#d6dbd4}
.viewer-head>span{border-left:3px solid #a75c55;padding:7px 12px;font-family:Consolas,monospace;letter-spacing:.15em;background:#080f1b;clip-path:polygon(0 3%,94% 0,100% 9%,98% 85%,100% 96%,4% 100%,0 90%)}
.instruction{color:#c0c7c9}
.recorder{background:url('./print-grain.svg'),#252f3b;color:#dedccf;border:1px solid #7a858c;border-radius:1px;box-shadow:4px 5px 0 #070d17,0 15px 40px #0004;position:relative}
.recorder:before{content:"";position:absolute;right:9px;top:9px;width:5px;height:5px;border:1px solid #9da8a9;border-radius:50%;background:#121b25}
.rec-top{border-color:#52616e}.rec-top .tag{color:#a0beb3}.rec-top h3{font-family:"SimSun",serif;font-size:20px;letter-spacing:.08em}.rec-top time{color:#dedccf}
.tape-screen{background:repeating-linear-gradient(0deg,#0b182500 0 3px,#476b6417 3px 4px),#101b25;border:1px solid #71857d;border-radius:0;box-shadow:inset 0 0 18px #0009;padding:23px}
.waveform i{background:#8ebdad;opacity:.9}.time-ruler{color:#a2b8b2}.audio-progress{background:#425962;height:2px}.audio-progress i{background:#d5ddd0}
.transport button{background:#a8c4b8;color:#1a2a2b;border-radius:2px;border:1px solid #d0d8cb;box-shadow:2px 3px #0c1523}
.transport .caption{color:#c1cbcc}.transcription{border-color:#61717e}.transcription summary{color:#a6cbbf}
.segment{color:#e0e4db;border-color:#4a5d68}.segment time{color:#a7b9be}.segment .pin{color:#a5c9ba}
.record-pair button.segment{border:1px solid #546876;border-radius:0;background:#17232e;margin-top:8px}
.record-pair button.segment:hover{background:#30434a}
.record-pair button.segment.selected,.segment.selected{background:#354f50;border:1px solid #afd2be;border-left:4px solid #afd2be;padding-left:7px}
.compare-actions{background:#1b2733f7;border:1px solid #71858b;border-top:3px solid #99b8ac;border-radius:0;box-shadow:0 -8px 30px #080f18aa}
.compare-actions .compare-note{color:#d8ded6}.feedback{color:#e4c7a4}
.paper-wrap{background:repeating-linear-gradient(115deg,#71818b06 0 1px,transparent 1px 5px),#303b48;border-radius:0;border:1px solid #586572;padding-top:27px}
.report-paper{background:linear-gradient(90deg,#b9bdba40,transparent 8%,transparent 94%,#949d9c20),url('./print-grain.svg'),#e3e2d9;color:#272f34;box-shadow:4px 5px 0 #a7b1b2,8px 9px 0 #0d162360}
.report-paper:before{content:"";position:absolute;left:6px;top:30px;bottom:30px;width:8px;background:radial-gradient(circle,#85908e 0 2px,transparent 3px) 0 0/8px 55px;opacity:.55}
.report-paper h2{font-weight:700;font-size:27px}.report-meta,.report-sub{color:#586568}.report-sub{border-color:#404e55}.table-label{background:#c5cdca;border-color:#71817f;color:#303f45}
.finding{color:#303b41;border-color:#899693}.finding:hover{background:#cbd7d1}.finding.selected{background:#d0d8cf}.finding.selected:after{border-color:#9b514b}
.report-note{border-color:#8c9794}.signature,.signature em{color:#475b63}.report-number{color:#59666b}.seal{border-color:#a75c55aa;color:#984b45}
.manual{background:repeating-linear-gradient(85deg,#bac6ba0b 0 1px,transparent 1px 4px),#455951;border-radius:2px 7px 7px 2px;border:1px solid #7b8e81}
.manual-tabs button{background:#8e9f94;color:#1c3331;border-radius:1px 1px 0 0;border:1px solid #bac3b3;border-bottom:0}.manual-tabs button.active{background:#e0dfd2;color:#203631}
.manual-page{background:repeating-linear-gradient(0deg,#e0dfd2 0 29px,#a4b1a655 29px 30px);color:#303d3d;border-radius:0;box-shadow:inset 12px 0 20px #52625e30}
.manual-page h2{font-weight:700}.manual-page .page-label,.manual-bottom{color:#596b63}.revealed-rule{background:#eceadd;color:#293b39;border-color:#778f83}
.sticky{background:#cdbb7c;color:#403b2d;box-shadow:4px 7px 0 #14212c20,6px 11px 15px #15252b38}.sticky small{color:#554e37}.sticky.peeled{opacity:1}
.end-card{background:#becfc6;border-color:#4b7667;color:#273e3b}.toast{background:#d7e0d3;color:#263a36;border-radius:1px}
.side,.notebook,.card{background:#1d2732;border-radius:0;border-color:#4b5c68}
.panel-title{background:#283540;border-color:#566672}.file.selected{background:#384e51;border-left-color:#a8c4b8}.tabs button.active{background:#dedccf;color:#243139;border-bottom-color:#a75c55}
.paper{background:url('./print-grain.svg'),#deded3;color:#27343a;border-radius:0;border-color:#87958e;box-shadow:5px 5px #080f1866}
.paper-head{border-color:#8e9c98}.paper-head .eyebrow,.paragraph .label{color:#854b46}.paper-meta{color:#506069}.paragraph{border-color:#a3b0a8}.quote-btn{color:#465f65;border-color:#7e9088}.paper-foot{border-color:#899e92}
.goal,.notice{background:#2e4145}.notebook textarea,input,select{background:#121e2b;color:#d8e2d8;border-color:#627582;border-radius:0}
.clip{background:#172431}.wave i{background:#8ebdad}.match,.choice:has(input:checked){background:#355052}.choice{background:#1a2835;border-radius:0}
.terminal-art{background:url('./print-grain.svg'),#263340;box-shadow:12px 12px #0d1520,13px 13px #596a72}.terminal-art blockquote{color:#d0c6aa}
.chat,.recorder,.terminal-art{border:8px solid transparent;border-image:url('./ink-frame.svg') 16 stretch}
.chat-head{margin:-1px -1px 0}.recorder:before{right:4px;top:4px}
@media(max-width:720px){.context h1{font-size:27px;padding-left:12px;margin-left:0;letter-spacing:.08em}.chat{border-radius:0;box-shadow:4px 5px #070e1666}.chat-head{padding-top:14px;padding-bottom:14px}.report-paper h2{font-size:22px}.compare-actions{padding:10px}.compare-actions .viewer-bottom{gap:8px}.compare-actions .primary{font-size:12px;padding:11px}.record-pair .rec-top h3{font-size:16px}.task p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}
