@charset "UTF-8";
/* Third study: richer motion, eight papers, readable stars and a quiet cipher. */
.paper{width:clamp(146px,14.3vw,215px)}
.paper-purple{background:#a48698;color:#eee5d0}.paper-purple h2,.paper-ivory h2,.paper-forest h2,.paper-charcoal h2{font:400 15cqw/1.22 var(--serif);position:absolute;left:15px;bottom:45px;letter-spacing:-1px}.paper-ribbon{position:absolute;inset:18% -25% 25% 30%;transform:rotate(-25deg)}.paper-ribbon i{position:absolute;inset:0;border:1px solid #ece0cf99;border-radius:50%}.paper-ribbon i:nth-child(2){inset:8px}.paper-ribbon i:nth-child(3){inset:16px}.paper-ribbon i:nth-child(4){inset:24px}.paper-purple .paper-bottom,.paper-forest .paper-bottom,.paper-charcoal .paper-bottom{border-color:#e6dfc444}.paper-ivory{background:#eee5cc;color:#77694b}.paper-window{position:absolute;left:16%;right:16%;height:43%;top:18%;border:1px solid #a99974;background:#e8dcae;overflow:hidden}.paper-window>i{position:absolute;width:70%;aspect-ratio:1;right:-10%;top:14%;border-radius:50%;background:#cfaa5c}.paper-window>b{position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#eee4c3 47%,#eee4c3 51%,transparent 51%),linear-gradient(transparent 47%,#eee4c3 47%,#eee4c3 51%,transparent 51%);box-shadow:inset 0 0 0 6px #eee4c3}.paper-ivory h2{font-size:12.5cqw}.paper-forest{background:#526c59;color:#d9e1be}.fern-print{position:absolute;left:18%;top:9%;width:72%;height:70%;opacity:.8}.paper-forest h2{font-size:13cqw}.paper-charcoal{background:#5d6158;color:#e7ddc5}.paper-envelope{position:absolute;left:14%;right:14%;height:37%;top:24%;border:1px solid #d9ceb97a;background:linear-gradient(32deg,transparent 49.4%,#d9ceb955 50%,transparent 50.6%),linear-gradient(-32deg,transparent 49.4%,#d9ceb955 50%,transparent 50.6%)}.paper-envelope i{position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);border-radius:50%;font-size:16px;width:24px;height:24px;display:grid;place-items:center;background:#b28f6b;color:#ede0bf;font-style:normal}.paper-charcoal h2{font-size:12.5cqw}.paper-top{font-size:2.4cqw}.paper-bottom{font-size:2.5cqw}.paper-bottom>span{font-size:1.85cqw}
.room-desk.is-arranged{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:10px;align-content:start;pointer-events:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9da48555 transparent}.room-desk.is-arranged .paper{position:relative;left:auto!important;top:auto!important;width:100%!important;max-width:none;aspect-ratio:.72;transform:rotate(0deg)!important;touch-action:pan-y;will-change:auto;box-shadow:1px 4px 11px #54453017}.room-desk.is-arranged .paper:hover{transform:translateY(-3px)!important}.room-tools #paper-count{font:italic 12px Georgia,serif;color:#ab8c61;margin-right:4px}
#paper-detail{will-change:opacity,transform}#paper-detail.is-closing{pointer-events:none}#paper-detail::backdrop{background:#3c3c3100;backdrop-filter:blur(0);transition:background .35s,backdrop-filter .4s}#paper-detail.is-visible::backdrop{background:#3c3c3166;backdrop-filter:blur(7px)}
.sky-star-labels{z-index:4}.sky-star-labels>button{position:absolute;left:0;top:0;height:44px;padding:0 12px 0 35px;display:flex;align-items:center;white-space:nowrap;background:none;color:#9cb2d3;pointer-events:auto;transform:translate(-1000px,-1000px)}.sky-star-labels button>i{position:absolute;left:18px;top:19px;width:6px;height:6px;border-radius:50%;background:#d9e8ff;box-shadow:0 0 12px #9ccaff80}.sky-star-labels button>i::after{content:"";position:absolute;inset:-8px;border:1px solid #afcaff33;border-radius:50%;transition:transform .4s,border-color .4s}.sky-star-labels button:hover>i::after,.sky-star-labels button.active>i::after{transform:scale(1.4);border-color:#afcaff77}.sky-star-labels button>span{font:11px var(--serif);letter-spacing:3px}.sky-star-labels button small{font:italic 8px Georgia,serif;letter-spacing:0;color:#7393bd;margin-left:5px}.sky-heading{transition:opacity .45s}.sky-scene.is-exploring .sky-heading{opacity:0}.sky-scene.is-exploring .sky-coordinate{opacity:0}.sky-coordinate{transition:opacity .45s}.star-story{position:absolute;left:12%;top:29%;z-index:5;max-width:36%;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .55s,transform .65s;color:#c7d7ef}.sky-scene.is-reading .star-story{opacity:1;transform:translateY(0);pointer-events:auto}.star-story>span{font-size:7px;letter-spacing:2px;color:#8199bd}.star-story h2{font:400 clamp(27px,3vw,44px)/1.65 var(--serif);white-space:pre-line;letter-spacing:-1px;margin:28px 0 22px}.star-story>p{white-space:pre-line;font:11px/2.3 var(--serif);letter-spacing:1.5px;color:#8ca3c7}.star-story>div{display:flex;gap:33px;margin-top:35px}.star-story button{background:none;color:#93aed5;font-size:9px;letter-spacing:1px;border-bottom:1px solid #8da9d433;padding:8px 0}
.r3-radio .radio-layout{position:absolute;top:18%;bottom:21%;left:10%;right:9%;display:grid;grid-template-columns:.9fr 1.25fr;gap:8%;z-index:4}.radio-copy{min-width:0;display:flex;flex-direction:column;gap:20px}.r3-radio .radio-heading{position:relative;inset:auto;color:#d5ae72}.r3-radio .radio-heading h1{font-size:clamp(33px,3.8vw,57px);line-height:1.4;margin:20px 0 15px}.r3-radio .radio-heading h1 em{padding-left:25px}.r3-radio .radio-heading p{font-size:9px;letter-spacing:.8px}.radio-signals{display:flex;gap:9px}.radio-signals button{position:relative;background:none;border:1px solid #ad85443b;padding:8px 12px;font-size:9px;letter-spacing:.6px;color:#a08250;transition:background .3s,color .3s}.radio-signals button.active{background:#b48a4319;color:#e0b779;border-color:#bd945966}.radio-signals button.is-solved::after{content:"";position:absolute;right:4px;top:4px;width:3px;height:3px;background:#ddc58a;border-radius:50%;box-shadow:0 0 6px #ddc58a}.cipher-panel{border-top:1px solid #a67e403d;padding-top:15px;color:#b79661;min-width:0}.cipher-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.cipher-heading small{font-size:6px;color:#7c633f;letter-spacing:1.5px}.cipher-text{font:17px/1.75 var(--serif);margin:19px 0 17px;color:#c9a978;min-height:92px;overflow-wrap:normal}.cipher-char{display:inline-block;width:1.1em;text-align:center;font-family:"Courier New",monospace;color:#8b7048;opacity:.63;filter:blur(.25px);transition:color .4s,opacity .4s,filter .45s}.cipher-char.is-clear{font-family:var(--serif);color:#ead1a0;opacity:1;filter:blur(0);text-shadow:0 0 13px #d9a75c22;animation:decipher-letter .5s ease-out}.cipher-meter{height:2px;background:#8b6b342b;overflow:hidden}.cipher-meter>i{display:block;width:0;height:100%;background:#cba466;box-shadow:0 0 10px #d0a55a55}.cipher-status{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:7px;letter-spacing:.4px;color:#8d7149;gap:12px}.cipher-status small{font:6px "Courier New",monospace;color:#6b5435}.radio-clue{font:8px/1.9 "Courier New",var(--sans);color:#c0a16c;letter-spacing:.6px;margin-top:12px}.r3-radio .radio-instrument{position:relative;inset:auto;width:auto;height:100%;min-height:410px;align-self:stretch}.r3-radio .instrument-label{top:4%;font-size:6px;letter-spacing:1px}.instrument-label b{font:12px "Courier New",monospace;color:#d0ac70;margin-left:6px}.r3-radio .scope-caption{top:53%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.5px;color:#8f7248}.scope-caption>span{display:flex;gap:8px;align-items:center}.scope-caption i{display:block;width:17px;height:0;border-top:1px solid #deb776}.scope-caption i.target-line{border-top:1px dashed #bfaf8c88}.radio-dials{position:absolute;left:8%;right:8%;bottom:8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dial-unit{display:flex;align-items:center;flex-direction:column;min-width:0}.channel-label{font-size:6px;color:#997947;letter-spacing:1px;margin-bottom:15px;white-space:nowrap}.r3-radio .radio-knob{position:relative;inset:auto;width:76px;height:76px;box-shadow:0 0 0 7px #ba8e4606}.r3-radio .radio-knob>span{font:11px Georgia,serif;color:#886b43;letter-spacing:1px}.r3-radio .radio-knob>i::after{top:7px;height:12px;width:1.5px}.dial-readout{display:flex;align-items:baseline;gap:3px;margin-top:16px;color:#b99b67}.dial-readout input{width:54px;background:none;border:0;border-bottom:1px solid #8d6c362c;padding:1px 0 4px;color:#d2ae73;font:15px "Courier New",monospace;text-align:center;appearance:textfield}.dial-readout input::-webkit-inner-spin-button,.dial-readout input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dial-readout small{font:6px Arial,sans-serif;color:#7a603b}.signal-lock{position:absolute;left:7%;right:7%;bottom:2.2%;height:1px;background:#a7814022}.signal-lock>i{display:block;width:0;height:1px;background:#dbc48e;box-shadow:0 0 8px #d4bd8377}.r3-radio .radio-tools{gap:25px}.r3-radio .radio-tools>span:first-child{font-size:8px}.radio-scene.signal-pulse .radio-instrument{animation:signal-locked 1.5s ease-out}
@keyframes decipher-letter{from{opacity:.3;filter:blur(4px);transform:translateY(5px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes signal-locked{0%{box-shadow:0 0 0 #d8bb8133;border-color:#d8bb8188}45%{box-shadow:0 0 40px #d8bb8119}100%{box-shadow:0 0 0 #d8bb8100}}
@media(max-width:1050px){.room-desk.is-arranged{grid-template-columns:repeat(3,minmax(0,1fr))}.star-story{left:9%;max-width:40%}.star-story h2{font-size:31px}.star-story>p{font-size:9px;letter-spacing:.8px}.r3-radio .radio-layout{left:8%;right:7%;gap:6%;grid-template-columns:.95fr 1.2fr;top:20%}.r3-radio .radio-heading h1{font-size:37px}.radio-copy{gap:16px}.radio-signals{gap:6px}.radio-signals button{font-size:8px;padding:8px}.cipher-text{font-size:14px;min-height:78px;margin:16px 0}.r3-radio .radio-knob{width:63px;height:63px}.radio-dials{left:7%;right:7%;gap:10px}.channel-label{font-size:5px;letter-spacing:.5px}.dial-readout input{font-size:13px;width:43px}.r3-radio .instrument-label{font-size:4px}.instrument-label b{font-size:10px}.cipher-heading{font-size:9px}.cipher-status{font-size:6px}}
@media(max-width:700px){
  .paper{width:37%;max-width:165px}.room-desk.is-arranged{top:183px;bottom:155px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:9px;mask-image:linear-gradient(#000 0,#000 calc(100% - 14px),transparent)}.paper-purple h2,.paper-ivory h2,.paper-forest h2,.paper-charcoal h2{left:12px;bottom:34px}.paper-top{font-size:2.45cqw}.paper-bottom{font-size:2.7cqw}.paper-bottom>span{font-size:1.8cqw}.room-tools #paper-count{font-size:10px}.paper-envelope i{font-size:12px;width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 10px)}
  .sky-star-labels button>span{font-size:9px;letter-spacing:2px}.sky-star-labels button small{font-size:6px}.star-story{left:10%;top:130px;max-width:82%}.star-story>span{font-size:6px;letter-spacing:1.5px}.star-story h2{font-size:29px;line-height:1.5;letter-spacing:-1px;margin:19px 0 14px}.star-story>p{font-size:8px;line-height:2.2;letter-spacing:.6px}.star-story>div{gap:25px;margin-top:20px}.star-story button{font-size:7px;padding:7px 0}.sky-scene.is-reading .sky-coordinate{display:none}.sky-tools small{font-size:4px}
  .r3-radio .radio-layout{top:112px;bottom:143px;left:7%;right:7%;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b48e4944 transparent;padding:0 3px 12px}.radio-copy{display:contents}.r3-radio .radio-heading{grid-row:1}.r3-radio .radio-heading .eyebrow{font-size:4px;letter-spacing:1.2px}.r3-radio .radio-heading h1{font-size:25px;line-height:1.3;margin:12px 0 8px;letter-spacing:-1px;white-space:nowrap}.r3-radio .radio-heading h1 br{display:none}.r3-radio .radio-heading h1 em{padding-left:0}.r3-radio .radio-heading p{font-size:7px;line-height:1.6;letter-spacing:.5px}.radio-signals{grid-row:2;gap:9px}.radio-signals button{font-size:7px;padding:7px 12px}.r3-radio .radio-instrument{grid-row:3;position:relative;inset:auto;width:100%;height:246px;min-height:246px}.r3-radio .scope-caption{top:53%;font-size:4px}.scope-caption>span{gap:5px}.scope-caption i{width:12px}.r3-radio .instrument-label{font-size:4px;letter-spacing:.7px;top:4%}.instrument-label b{font-size:9px;margin-left:4px}.radio-dials{bottom:7%;left:8%;right:8%;gap:11px}.r3-radio .radio-knob{width:54px;height:54px;box-shadow:0 0 0 5px #ba8e4606}.r3-radio .radio-knob>span{font-size:8px}.r3-radio .radio-knob>i::after{height:8px;top:6px;width:1px}.r3-radio .radio-knob::before{inset:6px}.channel-label{font-size:4px;letter-spacing:.4px;margin-bottom:10px}.dial-readout{margin-top:10px;gap:3px}.dial-readout input{font-size:11px;width:37px;padding-bottom:2px}.dial-readout small{font-size:4px}.signal-lock{bottom:2%}.cipher-panel{grid-row:4;padding-top:13px}.cipher-heading{font-size:9px}.cipher-heading small{font-size:5px;letter-spacing:1px}.cipher-text{font-size:14px;min-height:74px;margin:14px 0}.cipher-status{font-size:6px;margin-top:9px}.cipher-status small{font-size:5px}.radio-clue{font-size:7px;margin-top:10px}.r3-radio .radio-tools{bottom:76px;gap:13px;justify-content:space-between}.r3-radio .radio-tools>span:first-child{font-size:7px;letter-spacing:.2px;width:100%}.r3-radio .radio-tools button{font-size:7px}.r3-radio .radio-tools button>b{font-size:12px}
}
@media(max-width:360px){.r3-radio .radio-heading h1{font-size:22px}.radio-dials{gap:7px}.r3-radio .radio-knob{width:48px;height:48px}.channel-label{font-size:3.6px;letter-spacing:0}.cipher-text{font-size:13px}.r3-radio .radio-instrument{height:235px;min-height:235px}.star-story h2{font-size:26px}.r3-radio .radio-layout{top:110px}}
@media(prefers-reduced-motion:reduce){#paper-detail::backdrop{transition:none}.cipher-char.is-clear,.radio-scene.signal-pulse .radio-instrument{animation:none}.sky-heading,.star-story{transition-duration:.01ms}}

.paper-red>strong{font-size:20.5cqw}#paper-preview .paper-red>strong{font-size:20.5cqw}
#paper-preview,.paper-detail-copy{min-width:0}
.room-desk.is-arranged{grid-auto-rows:max-content}.room-desk.is-arranged .paper{width:auto!important;align-self:start}
@media(max-width:700px){#paper-detail[open]{grid-template-columns:minmax(0,1fr);overflow-x:hidden}#paper-preview{padding:26px 48px 22px}#paper-preview .paper{width:170px;max-width:100%}}