/* A folded manila file, with an ivory document tucked behind the front pocket. */
.chapter-trial-dialog { width:min(458px,calc(100% - 22px));max-height:calc(100svh - 24px);padding:42px 16px 25px;margin:auto;border:0;border-radius:0;background:transparent;color:#253d4a;box-shadow:none;overflow:auto; }
.chapter-trial-dialog::backdrop { background:#102b3c99;backdrop-filter:blur(5px); }
.secret-sleeve { position:relative;isolation:isolate;perspective:6000px;padding:0 18px 70px;border:1px solid #bb9359;border-radius:3px 9px 7px 7px;background:linear-gradient(105deg,#d0a763,#e4c283 50%,#c39d5f);box-shadow:inset 0 1px #fff0bf,2px 3px 0 #ae854b,3px 5px 0 #e3bf7f,8px 18px 28px #08213066;transform:rotate(-2deg); }
.secret-tab { position:absolute;top:-35px;left:-1px;height:36px;padding:9px 24px 0 17px;border:1px solid #bb9359;border-bottom:0;border-radius:7px 16px 0 0;background:linear-gradient(#efd59f,#d4af70);box-shadow:inset 0 1px #fff0c2;color:#6e5330;font:600 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em; }
.secret-slip { position:relative;top:-9px;padding:26px 26px 21px;border:1px solid #d2cbbc;background:repeating-linear-gradient(0deg,#75634a03 0 1px,transparent 1px 4px),linear-gradient(115deg,#fffdf6,#f2eee3);border-radius:2px;box-shadow:1px 2px #dbd6c8,3px 4px #fbf7eb,4px 5px #b7af9d,2px 8px 11px #634e344a;transform:rotate(3.5deg); }
.secret-slip::before { content:'';position:absolute;left:0;top:0;bottom:0;width:13px;background:linear-gradient(90deg,#dad2c548,transparent);border-right:1px solid #d8cfc31a; }
.secret-paperclip { position:absolute;right:31px;top:-25px;width:16px;height:52px;border:3px solid #84949a;border-bottom-color:#cad4d7;border-radius:10px;z-index:3;transform:rotate(10deg);box-shadow:1px 1px 0 #fbffff,inset 1px 1px 0 #e8eeee,2px 3px 3px #24394755;pointer-events:none; }
.secret-paperclip::after { content:'';position:absolute;left:2px;right:2px;top:9px;bottom:-3px;border:2px solid #aab9be;border-top:0;border-radius:0 0 7px 7px; }
.secret-slip header { display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #d8d0bf;font:600 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em; }
.secret-punches { letter-spacing:2px;font-size:7px;color:#a7a08e; }
.secret-stamp { display:inline-block;margin-top:22px;padding:5px 9px 4px;border:2px solid #995449;border-radius:2px;color:#995449;font:700 12px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;transform:rotate(-8deg);box-shadow:inset 0 0 0 2px #f4eee2,inset 0 0 0 3px #995449; }
.secret-slip h2 { display:flex;align-items:center;gap:18px;margin:20px 0;text-align:left;color:#253d4a; }
.secret-slip h2 strong { font:550 100px/.82 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-7px; }
.secret-slip h2 span { font:600 27px/1.05 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:-.7px; }
.secret-slip>p { margin:0 0 20px;font:12px/1.5 ui-monospace,SFMono-Regular,monospace;color:#665f51; }
.secret-footer { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed #b7af9d;padding-top:12px; }
.secret-footer p { margin:0;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;color:#665f51; }
.secret-footer button { min-width:64px;min-height:44px;padding:0 12px;border:1px solid #99998d;border-radius:4px;background:linear-gradient(#fffefa,#e4e1d5);box-shadow:0 2px 0 #c4bba6;color:#334950;font:12px/1 ui-monospace,SFMono-Regular,monospace; }
.secret-footer button:focus-visible { outline:2px solid #315e77;outline-offset:3px; }.secret-footer button:hover { background:#fffdf5; }
.secret-folder-front { position:absolute;z-index:2;left:-3px;right:-4px;bottom:-2px;height:85px;padding:21px 25px;border:1px solid #b68c51;border-top-color:#f6dbaa;border-radius:3px 2px 8px 8px;background:repeating-linear-gradient(2deg,#7e593906 0 1px,transparent 1px 3px),linear-gradient(175deg,#e8c58a,#d3ac6d 60%,#c39a5c);box-shadow:inset 0 2px 1px #ffe0aa,0 -4px 8px #5e442429,inset 0 -2px #a47c4840;transform:skewX(-2deg); }
.secret-folder-front span { display:inline-block;padding:6px 9px;border:1px solid #c4b491;background:#f4e9c9;color:#5e5545;font:10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;box-shadow:1px 1px 0 #b897633b; }
.secret-folder-front i { display:block;margin-top:7px;font:8px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;color:#795b35; }
.secret-folder-cover { display:none;position:absolute;z-index:4;inset:0 -2px -1px;padding:28px 28px 34px;border:1px solid #bd9358;border-radius:3px 9px 7px 7px;background:repeating-linear-gradient(2deg,#7e593906 0 1px,transparent 1px 3px),linear-gradient(130deg,#efd39a,#dbb678 55%,#c59a5c);box-shadow:inset 0 2px #ffe8b8,inset 0 -2px #aa7c43,0 -2px 8px #74503233;transform-origin:50% 100%;backface-visibility:hidden;pointer-events:none; }
.secret-folder-cover>span { color:#765735;font:600 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em; }
.secret-folder-cover>b { position:absolute;top:38%;left:28px;color:#694f2e;font:500 32px/1.1 Georgia,serif;letter-spacing:-.7px; }
.secret-folder-cover>i { position:absolute;bottom:29px;left:27px;padding:7px 10px;border:1px solid #c4b491;background:#f4e9c9;color:#5e5545;font:10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em; }
/* A one-time completion reveal: arrive closed, unfold, then lift the document. */
.chapter-trial-dialog[data-reveal="true"][open] .secret-sleeve { animation:secret-arrive 280ms cubic-bezier(.23,1,.32,1) both; }
.chapter-trial-dialog[data-reveal="true"][open] .secret-folder-cover { display:block;animation:secret-unfold 700ms 160ms cubic-bezier(.77,0,.175,1) both; }
.chapter-trial-dialog[data-reveal="true"][open] .secret-slip { animation:secret-reveal 500ms 310ms cubic-bezier(.23,1,.32,1) both; }
.chapter-trial-dialog[data-reveal="true"][open] .secret-paperclip { animation:secret-clip 500ms 310ms cubic-bezier(.23,1,.32,1) both; }
.chapter-trial-dialog[data-reveal="true"][open] .secret-stamp { animation:secret-stamp 180ms 650ms cubic-bezier(.23,1,.32,1) both; }
@keyframes secret-arrive { from { transform:translateY(22px) rotate(-4deg) scale(.96);opacity:0; }to { transform:translateY(0) rotate(-2deg) scale(1);opacity:1; } }
@keyframes secret-unfold { 0%,12% { transform:rotateX(0deg);opacity:1; }78% { transform:rotateX(-82deg);opacity:1; }100% { transform:rotateX(-100deg);opacity:0; } }
@keyframes secret-reveal { from { transform:translateY(52px) rotate(1deg);opacity:0; }to { transform:translateY(0) rotate(3.5deg);opacity:1; } }
@keyframes secret-clip { from { transform:translateY(52px) rotate(6deg);opacity:0; }to { transform:translateY(0) rotate(10deg);opacity:1; } }
@keyframes secret-stamp { from { transform:rotate(-8deg) scale(1.12);opacity:0; }to { transform:rotate(-8deg) scale(1);opacity:1; } }
@media(max-width:420px) { .chapter-trial-dialog { padding-inline:12px; }.secret-sleeve { padding-inline:13px; }.secret-slip { padding:22px 17px 18px; }.secret-slip h2 { gap:13px; }.secret-slip h2 strong { font-size:80px; }.secret-slip h2 span { font-size:23px; }.secret-footer { gap:8px; }.secret-footer p { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .chapter-trial-dialog[data-reveal="true"][open] :is(.secret-sleeve,.secret-slip,.secret-paperclip,.secret-stamp) { animation:none; }.chapter-trial-dialog[data-reveal="true"][open] .secret-folder-cover { display:none;animation:none; }.chapter-trial-dialog::backdrop { backdrop-filter:none; } }
html[data-motion-preference="paused"] .chapter-trial-dialog[open] :is(.secret-sleeve,.secret-slip,.secret-paperclip,.secret-stamp) { animation:none; }
html[data-motion-preference="paused"] .chapter-trial-dialog[open] .secret-folder-cover { display:none;animation:none; }
@media(prefers-contrast:more) { .secret-slip { background:#fffdf3;color:#14242d; }.secret-slip p { color:#24343d; } }