@font-face{font-family:Ma Shan Zheng;src:url(/assets/handwriting.woff2) format("woff2");font-display:swap}@font-face{font-family:"Noto Serif SC";src:url(/assets/serif-v2.woff2) format("woff2");font-weight:200 900;font-display:swap}:root{font-family:"Noto Serif SC",SimSun,serif;color:#343720;background:#e9dfc7;font-synthesis:none;--ink:#343720;--rust:#9d482c;--paper:#eee5cf}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:6px}button:hover{color:var(--rust)}svg{vertical-align:middle;flex-shrink:0}img{display:block;max-width:100%}button,input{-webkit-tap-highlight-color:transparent}.desk{position:relative;width:100%;max-width:1600px;min-height:1080px;aspect-ratio:1.36;margin:auto;overflow:hidden;background:#eee5cf url(/assets/paper-v2.webp) center top/100% auto}.header{position:absolute;inset:35px 5.4% auto;display:flex;align-items:flex-start;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:22px;padding:0;text-align:left}.brand>img{width:clamp(115px,12vw,178px);mix-blend-mode:multiply}.brand>span{font:clamp(24px,2.8vw,42px) "Ma Shan Zheng",serif;white-space:nowrap}.header nav{display:flex;gap:42px;padding-top:14px;font-size:23px;font-weight:600}.header nav button{padding:4px 0}.menu-trigger{border-bottom:3px solid var(--rust);padding-bottom:9px!important}.intro{position:absolute;top:24%;left:6.4%;width:48%;z-index:3}.intro h1{font:clamp(58px,6.8vw,102px)/1.28 "Ma Shan Zheng",serif;font-weight:400;margin:0;letter-spacing:-2px}.intro h1 span{white-space:nowrap}.intro>p{font-size:clamp(21px,2.2vw,33px);font-weight:600;margin:28px 0 30px}.stamp-button{width:390px;height:108px;max-width:95%;display:flex;align-items:center;justify-content:center;gap:25px;background:url(/assets/stamp-v2.webp) center/100% 100% no-repeat;color:#f4e9cf;font-weight:600;font-size:31px;transition:transform .2s}.stamp-button svg{width:40px;height:40px}.stamp-button:hover{color:#fff;transform:rotate(-1deg) translateY(-3px)}.player-object{position:absolute;top:8.8%;left:50%;width:38%;z-index:2;transform:rotate(8deg)}.player-assembly{position:relative;aspect-ratio:2/3}.player-art{width:100%;clip-path:inset(11.2% 5.8% 14.8% 5.8% round 7%)}.player-screen{position:absolute;left:18.2%;top:22.2%;width:63.8%;height:21%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;color:#343720}.player-screen span{font:clamp(22px,2.5vw,38px) "Ma Shan Zheng",serif}.player-screen strong{font:clamp(45px,4.8vw,72px)/1.2 "Courier New",monospace;font-weight:400;letter-spacing:3px}.physical-play{position:absolute;left:39.5%;top:69.2%;width:17.5%;height:9.5%;border-radius:4px;display:grid;place-items:center}.physical-play svg{width:35px;height:35px;background:#bbae86}.physical-play:hover{box-shadow:0 0 0 2px #ad522c}.player-caption{position:absolute;top:87%;left:27%;font-size:17px;display:flex;gap:10px;align-items:center;transform:rotate(-8deg)}.badge-object{position:absolute;top:11%;right:1.8%;width:19%;z-index:4;transform:rotate(-6deg);padding:0;transition:transform .2s}.badge-object:hover{transform:rotate(-3deg) translateY(-4px)}.badge-art{width:100%}.badge-insert{position:absolute;left:22%;top:39%;width:56%;height:50%;display:flex;align-items:center;flex-direction:column;justify-content:space-around;gap:4px;padding:4% 0}.badge-insert>b{font-size:clamp(13px,1.3vw,20px);white-space:nowrap}.badge-insert>img{width:83%;mix-blend-mode:multiply}.badge-insert>span{font-size:clamp(12px,1.1vw,17px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-insert>small{font:8px serif;letter-spacing:.3px}.folder-object{position:absolute;left:-4.8%;top:62.7%;width:45%;padding:0;transform:rotate(-5deg);z-index:2;transition:transform .2s}.folder-object:hover{transform:rotate(-3deg) translateY(-9px)}.folder-object>img{width:100%}.object-caption{position:absolute;top:55%;left:34%;font-size:22px;display:flex;gap:20px;font-weight:600}.note-object{position:absolute;top:66%;left:42%;width:27%;z-index:3;transform:rotate(-3deg)}.note-paper{position:relative;aspect-ratio:4/3}.note-paper>img{width:100%;height:100%;object-fit:contain}.note-paper>p{position:absolute;top:27%;left:14%;width:73%;margin:0;font:clamp(22px,2.1vw,32px)/1.55 "Ma Shan Zheng",serif;white-space:pre-line}.note-heart{position:absolute;right:19%;bottom:20%;width:29px;height:29px;color:var(--rust);transform:rotate(12deg)}.note-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:-3px}.note-actions button{font:24px Ma Shan Zheng,serif;display:flex;gap:12px;align-items:center;min-height:44px}.note-actions button:last-child{font-size:18px}.cat-object{position:absolute;top:73%;right:1%;width:23%;padding:0;transform:rotate(-7deg);transition:transform .3s}.cat-object:hover{transform:rotate(-4deg)}footer{position:absolute;bottom:23px;left:6.4%;right:5.4%;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:13px;z-index:5}footer button{display:flex;align-items:center;gap:8px}footer>span:last-child{font-size:10px;letter-spacing:1px}.window{padding:0;border:1px solid #5a563d;color:var(--ink);background:var(--paper) url(/assets/paper-v2.webp) center/1100px;max-width:calc(100vw - 40px);width:760px;max-height:85dvh;box-shadow:8px 10px #34372066;border-radius:3px;overflow:auto}.window::backdrop{background:#24271ecd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.window-bar{display:flex;justify-content:space-between;align-items:center;background:#3d402c;color:var(--paper);padding:12px 20px;position:sticky;top:0;z-index:10;font-size:18px;letter-spacing:1px}.window-bar button{color:var(--paper);padding:4px;display:grid;place-items:center}.window-body{padding:38px 45px 42px}.window h2{font:38px/1.35 Ma Shan Zheng,serif;margin:16px 0 24px}.window p{line-height:1.9}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.75}.fine-print{font-size:12px;opacity:.73;margin-top:26px;line-height:1.8!important}.solid-button{background:var(--rust);color:#fff1d5;border:1px solid #763721;padding:12px 20px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-weight:600;min-height:47px}.solid-button:hover{background:#81381f;color:#fff}.plain-button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:8px}.menu-list>button{display:flex;gap:24px;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid #77715166;text-align:left}.menu-list>button>small{color:var(--rust)}.menu-list>button>span{flex:1;font-size:22px}.about-logo{width:140px;margin:0 auto;mix-blend-mode:multiply}.about>.eyebrow,.about>h2{text-align:center}.principles{margin:30px 0;border-block:1px solid #77715166;padding:10px 0}.principles b{margin-right:25px;color:var(--rust)}.timer-panel{text-align:center;padding:10px 0 20px}.large-time{font:100px/1.4 Courier New,monospace;letter-spacing:8px;margin:20px 0}.duration-options{display:flex;justify-content:center;gap:12px;margin:26px 0}.duration-options button{border:1px solid #8e866a;padding:10px 18px}.duration-options button[aria-pressed=true]{background:#42432a;color:#eee5cf}.timer-buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.timer-panel .fine-print svg{margin-right:8px}.archive-window{width:930px}.search{display:flex;align-items:center;gap:12px;border:1px solid #9b9075;padding:11px 16px;background:#fff7e344;margin:26px 0 15px}.search input{background:none;border:0;outline:0;width:100%;font-size:15px;color:var(--ink)}.search:focus-within{outline:2px solid var(--rust)}.archive-list>button{width:100%;display:flex;gap:22px;text-align:left;padding:20px 0;border-bottom:1px solid #90876d66;align-items:center}.archive-list>button>span:nth-child(2){flex:1}.archive-code{font:14px Courier New,monospace;width:70px;flex-shrink:0;color:var(--rust)}.archive-list b{display:block;font-size:17px}.archive-list small{display:block;margin-top:7px;opacity:.7}.archive-detail>p,.archive-detail li{line-height:1.95}.archive-detail ul{padding-left:20px}.archive-detail li{margin-bottom:15px}.archive-detail h3{margin-top:30px}.battery-line{font-size:13px;border-block:1px solid #90876d66;padding:12px 0}.empty{padding:25px 0;text-align:center}.quote-panel{text-align:center;padding:25px 0}.quote-panel blockquote{font:43px/1.6 Ma Shan Zheng,serif;white-space:pre-line;margin:45px 10px;-webkit-user-select:text;user-select:text}.identity-panel{display:grid;gap:35px}.identity-panel:has(.issued-card){grid-template-columns:1fr 240px}.identity-panel form>label{display:block;margin:20px 0 10px}.identity-panel input{display:block;width:100%;background:#fff9e966;border:1px solid #9b9075;padding:12px 14px;color:var(--ink)}.form-error{font-size:13px;color:#982e22;min-height:20px;margin:8px 0 12px}.issued-card{border:2px solid #8b8063;background:#e9dfc5;padding:25px 17px;display:flex;align-items:center;flex-direction:column;text-align:center;align-self:center;box-shadow:4px 5px #3e40262b}.issued-card>img{width:125px;mix-blend-mode:multiply}.issued-card h3{font:30px Ma Shan Zheng,serif}.issued-card>b{font-size:22px;overflow-wrap:anywhere}.issued-card small{font-size:11px;line-height:1.7;margin-bottom:20px}.projects>section{border-bottom:1px solid #90876d66;padding:15px 0 24px}.projects>section>h3{font-size:22px}.projects>section .plain-button{padding-left:0;color:var(--rust)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#373b27;color:#f6ecd7;padding:14px 23px;box-shadow:3px 3px #0003;z-index:100;pointer-events:none;opacity:0;transition:.2s;max-width:90vw;font-size:15px}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1600px){.intro h1{font-size:108px}.intro>p{font-size:34px}.desk{min-height:1150px}.brand>span{font-size:43px}}@media(max-width:1050px)and (min-width:701px){.desk{min-height:850px;aspect-ratio:1.25}.header nav{gap:25px;font-size:18px}.brand>span{font-size:27px}.intro{top:25%;width:48%}.intro h1{font-size:6.7vw}.intro>p{font-size:2.1vw;margin:24px 0}.stamp-button{width:290px;height:85px;font-size:24px}.player-object{top:17%}.badge-object{top:19%}.note-object,.folder-object{top:65%}.cat-object{top:73%}.object-caption{font-size:18px}footer>span:last-child{display:none}}@media(max-width:700px){.desk{min-height:1500px;aspect-ratio:auto;background-size:1000px auto}.header{inset:22px 6% auto;align-items:center}.brand{gap:12px}.brand>img{width:76px}.brand>span{font-size:23px;white-space:normal;max-width:145px;line-height:1.25}.header nav{padding-top:0;gap:16px;font-size:17px}.header nav>button:first-child{display:none}.intro{top:153px;left:7%;width:88%}.intro h1{font-size:clamp(50px,11vw,75px);line-height:1.28;letter-spacing:-1px}.intro>p{font-size:clamp(15px,3.6vw,22px);margin:23px 0 25px}.stamp-button{width:290px;max-width:90%;height:85px;font-size:25px;gap:15px}.stamp-button svg{width:32px}.player-object{width:79%;left:4%;top:450px;max-width:410px;transform:rotate(5deg)}.player-screen span{font-size:27px}.player-screen strong{font-size:48px;letter-spacing:2px}.badge-object{width:35%;top:520px;right:-1%;max-width:185px}.badge-insert>b{font-size:13px}.badge-insert>span{font-size:12px}.badge-insert>small{font-size:6px}.player-caption{font-size:14px;top:87%;left:30%}.physical-play svg{width:25px}.note-object{left:35%;top:1000px;width:64%;max-width:350px;transform:rotate(-4deg)}.note-paper>p{font-size:25px}.note-actions button{font-size:22px}.note-heart{width:24px}.folder-object{top:1150px;left:-14%;width:78%;max-width:440px}.object-caption{font-size:16px;gap:8px;left:32%}.cat-object{top:1240px;right:-3%;width:48%;max-width:270px}footer{left:7%;right:7%;bottom:20px;font-size:11px}footer>span:last-child{display:none}.window{max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.window-body{padding:25px 23px 40px}.window h2{font-size:33px}.window-bar{padding:14px 20px}.large-time{font-size:76px;letter-spacing:4px}.identity-panel:has(.issued-card){grid-template-columns:1fr}.issued-card{max-width:300px;width:100%;margin:auto}.quote-panel blockquote{font-size:36px}.archive-list>button{gap:10px}.archive-code{width:64px;font-size:12px}.archive-list b{font-size:16px}.archive-list small{font-size:11px}.search input{font-size:13px}.timer-buttons{gap:12px}.duration-options button{padding:10px 14px}.toast{width:max-content;max-width:90vw;font-size:13px}}@media(max-width:370px){.desk{min-height:1450px}.intro h1{font-size:46px}.player-object{top:430px}.badge-object{top:485px}.note-object{top:920px}.folder-object{top:1080px}.cat-object{top:1170px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.desk{overflow:clip}.object-caption{display:none!important}.header{mix-blend-mode:multiply}@media(min-width:1051px){.note-object{top:65%}footer button{font-size:14px;background:#eee5cfdb;padding:5px 9px;bottom:17px}footer>span:last-child{display:none}}@media(max-width:700px){.brand>img{width:64px}.brand>span{font-size:19px;white-space:nowrap;max-width:none}.note-object{top:920px;left:25%;width:74%}.note-paper>p{font-size:19px}.folder-object{top:1120px}.note-actions{gap:6px}.note-actions button{font-size:20px}.player-caption{right:8%;left:auto}.note-heart{right:19%;bottom:20%}}.brand>img,.badge-insert>img,.about-logo,.issued-card>img{filter:contrast(1.2) brightness(1.1)}.badge-insert{gap:0;padding:3% 0;justify-content:space-between}.badge-insert>img{width:73%;min-height:0;object-fit:contain;flex:1;margin:7% 0}.badge-insert>span{flex-shrink:0}.badge-insert>small{flex-shrink:0;margin-top:8%}.object-caption{top:63%;font-size:17px;left:32%;background:#e7d5b0b8;padding:5px 9px}.player-caption{left:auto;right:5%;top:86%;z-index:6}.coffee-decoration{opacity:.45}.modal-notice{margin:0;padding:12px 24px;background:#3d402c;color:#fff0d5;font-size:14px;position:sticky;bottom:0}.physical-rewind,.physical-forward,.physical-stop{position:absolute;top:71.5%;height:7%;width:12%;border-radius:4px}.physical-rewind{left:21%}.physical-forward{left:62%}.physical-stop{left:76%}.physical-rewind:hover,.physical-forward:hover,.physical-stop:hover{box-shadow:0 0 0 2px #ad522c}@media(min-width:1051px){.desk{aspect-ratio:1.409;min-height:0;height:auto;min-height:100vh}.intro{top:24.1%}.intro h1{line-height:1.17}.intro>p{margin:22px 0}.player-object{width:33.8%;left:50.8%;top:8.6%}.badge-object{width:21%;top:11%;right:0}.folder-object{top:64.2%}.note-object{top:67%;width:26%;left:42%}.note-paper>p{font-size:29px}.note-heart{bottom:18%}.note-actions{margin-top:0}.cat-object{top:73%;width:21%;right:0}.stamp-button{height:95px}.player-caption{top:87%}.object-caption{top:65%}footer{bottom:13px;font-size:11px}footer>span:first-child{visibility:hidden}footer button{position:absolute;right:1%;bottom:25px}footer>span:last-child{margin-left:auto;font-size:8px}}.pencil-decoration{position:absolute;top:70%;right:2%;width:30%;pointer-events:none;z-index:1}.coffee-decoration{position:absolute;top:60%;right:1%;width:20%;pointer-events:none}.cat-object{z-index:2}@media(max-width:700px){.pencil-decoration{top:1170px;right:0;width:48%}.coffee-decoration{top:1210px;right:4%;width:40%}.badge-insert>img{margin:3% 0}.badge-insert>small{font-size:5px}.note-paper>p{font-size:21px}.folder-object{top:1165px}}@media(min-width:1051px){.note-object{top:65%}footer button{bottom:12px;font-size:14px}footer>span:last-child{display:none}.player-caption{right:2%;top:86%}}.physical-rewind{left:20.7%;top:71.7%;width:12.2%;height:7%}.physical-forward{left:62.5%;top:71.8%;width:8.2%;height:7%}.physical-stop{left:75.9%;top:71.8%;width:8.2%;height:7%}.physical-play{left:39.4%;top:69.1%;width:17.2%;height:9.8%}.physical-rewind:focus-visible,.physical-forward:focus-visible,.physical-stop:focus-visible,.physical-play:focus-visible{outline-offset:2px;outline-width:2px}@media(min-width:701px){.folder-object{left:6%;top:64%;width:25%;transform:rotate(-5deg)}.coffee-decoration{top:72%;right:1%;width:22%}.cat-object{top:76%;right:3%;width:18%}}@media(max-width:700px){.folder-object{left:4%;top:1165px;width:54%;max-width:320px}.coffee-decoration{top:1220px;right:0;width:40%}.cat-object{top:1250px;right:3%;width:34%}}@media(max-width:370px){.folder-object{top:1110px}.coffee-decoration{top:1170px}.cat-object{top:1200px}}@media(min-width:701px){.coffee-decoration{top:69%;right:2%;width:20%}.cat-object{top:74%;right:4%;width:16%}}.site-filings{display:flex;justify-content:center;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:18px 12px;background:#e9dfc7;color:#494b35;font-size:12px}.site-filings a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.site-filings a:hover{text-decoration:underline}.site-filings img{width:17px;height:17px}@media(max-width:700px){.brand>span{font-size:17px}.brand{gap:10px}.brand>img{width:56px}}@media(max-width:370px){.brand>span{font-size:15px}.brand{gap:8px}.brand>img{width:48px}}@media(max-width:700px){.desk{--note-top:920px;--lower-top:calc(var(--note-top) + min(55.5vw,262.5px) + 100px);min-height:calc(var(--lower-top) + min(54vw,320px) + 150px)}.note-object{top:var(--note-top)}.folder-object{top:var(--lower-top)}.pencil-decoration{top:calc(var(--lower-top) + 10px)}.coffee-decoration{top:calc(var(--lower-top) + 55px)}.cat-object{top:calc(var(--lower-top) + 85px)}}