@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Long+Cang&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{--ink:#20242a;--muted:#66706f;--paper:#f7f0df;--paper-deep:#e7d7b8;--red-pen:#b83c35;--blue-ink:#1d5f82;--green-board:#203f38;--green-soft:#6f8c7c;--desk:#7b4f32;--desk-dark:#33231c;--shadow:#14110e59;--sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Noto Serif SC", Georgia, serif;--hand:"Long Cang", "Noto Serif SC", serif;--mono:"Fira Code", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:linear-gradient(110deg,#203f38c7,#374d5c85),url(/desk-texture.png),linear-gradient(135deg,#6f4a33,#253d3c 55%,#1b252b);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover,520px 520px,cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}button,input,select,textarea{font:inherit}button{border:0}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 80px;position:relative}.ambient-light{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#fff4d647,#0000 28%),radial-gradient(circle at 82% 10%,#b9d0ce42,#0000 30%);position:fixed;inset:0}.query-desk{grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:center;gap:40px;min-height:min(720px,100vh - 56px);display:grid}.desk-copy{color:#fff7e8;text-shadow:0 2px 18px #00000059}.eyebrow{color:#ffe7a8;letter-spacing:0;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.desk-copy h1{max-width:780px;font-family:var(--serif);margin:16px 0 18px;font-size:clamp(40px,8vw,92px);line-height:1.04}.desk-copy p{color:#fffaecdb;max-width:620px;margin:0;font-size:18px;line-height:1.8}.campus-strip{scrollbar-width:none;gap:10px;max-width:min(680px,100%);margin-top:26px;padding:6px 2px 12px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 86%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 86%,#0000 100%)}.campus-strip::-webkit-scrollbar{display:none}.campus-strip img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.8)sepia(.12)contrast(.94);opacity:.78;width:clamp(96px,11vw,142px);transform:rotate(var(--tilt));border:5px solid #fff6dce0;border-bottom-width:14px;border-radius:4px;flex:none;box-shadow:0 12px 28px #0000003d}.search-sheet{color:var(--ink);box-shadow:0 28px 80px var(--shadow), inset 0 0 0 1px #ffffff9e;background:linear-gradient(90deg,#29546e14 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#b258461f 1px,#0000 1px) 0 0/100% 34px,linear-gradient(100deg,#ffffffdb,#f9eed6eb) 0 0/cover;border:1px solid #5a462a3d;border-radius:8px;gap:18px;padding:34px 30px 30px;display:grid;position:relative;transform:rotate(-.8deg)}.search-sheet:before,.search-sheet:after{content:"";background:#e1d2adb8;width:148px;height:34px;position:absolute;transform:rotate(-5deg);box-shadow:0 8px 18px #52372033}.search-sheet:before{top:-14px;left:34px}.search-sheet:after{bottom:-14px;right:24px;transform:rotate(4deg)}.sheet-pin{background:linear-gradient(90deg,#b83c35,#e8a28e);border-radius:99px;width:38px;height:10px;position:absolute;top:18px;right:24px;transform:rotate(10deg);box-shadow:0 4px 10px #78231c4d}label{gap:8px;font-weight:700;display:grid}label span{color:#524b40;font-size:13px}input,select,textarea{width:100%;color:var(--ink);background:#fffcf2d1;border:1px solid #21242a38;border-radius:7px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input,select{min-height:46px;padding:0 14px}textarea{resize:vertical;min-height:108px;padding:12px 14px;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--blue-ink);background:#fffdf6;box-shadow:0 0 0 4px #1d5f8226}.invite-toggle,.submit-button,.message-form button,.segmented button,.close-result,.icon-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.invite-toggle{width:fit-content;color:var(--blue-ink);background:#1d5f8214;border:1px solid #1d5f822e;padding:0 14px}.submit-button,.message-form button{color:#fff9e8;background:linear-gradient(135deg,#b83c35,#244d63);font-weight:800;box-shadow:0 14px 26px #3c271e38}.submit-button:hover,.message-form button:hover,.invite-toggle:hover,.segmented button:hover,.close-result:hover,.icon-button:hover{transform:translateY(-1px)}.submit-button:disabled,.message-form button:disabled{cursor:wait;opacity:.72}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:7px;padding:12px 14px;font-size:14px;line-height:1.55}.notice.success{color:#1e4d3c;background:#6f8c7c2e}.notice.warn{color:#6c4f13;background:#ffd36738}.notice.error{color:#8d2521;background:#b83c3521}.result-zone,.message-board{color:#fff9ea;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#182324c2;border:1px solid #fff4d324;border-radius:8px;margin-top:34px;padding:26px;box-shadow:0 24px 70px #00000047}.result-header,.board-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.result-header h2,.message-board h2{font-family:var(--serif);margin:8px 0;font-size:clamp(26px,4vw,44px);line-height:1.16}.result-header p{color:#fff9eab3;margin:0}.close-result,.icon-button{color:#fff4dc;background:#ffffff14;border:1px solid #ffffff1f;width:42px;min-width:42px;padding:0}.viewer-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 18px;display:flex}.segmented{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segmented button{color:#fff9eabd;background:0 0;min-height:38px;padding:0 14px}.segmented button.active{color:#21242a;background:#ffe7a8;box-shadow:0 8px 18px #0003}.zoom-tools{color:#fff9eac7;align-items:center;gap:10px;display:inline-flex}.zoom-tools input{accent-color:#ffe7a8;width:150px;min-height:auto;padding:0}.viewer-frame{background:linear-gradient(100deg,#fff6db29,#ffffff05),#04090a6b;border:1px solid #fff4d324;border-radius:8px;position:relative;overflow:hidden}.viewer-frame.original{min-height:520px}.original-viewer{cursor:grab;place-items:center;height:min(74vh,760px);min-height:460px;display:grid;overflow:hidden}.original-viewer:active{cursor:grabbing}.original-viewer img{transform-origin:50%;-webkit-user-select:none;user-select:none;border-radius:3px;max-width:min(100%,1180px);max-height:calc(74vh - 48px);transition:transform .1s ease-out;box-shadow:0 28px 60px #0000005c,0 0 0 1px #0003}.optimized-viewer{gap:22px;max-width:640px;margin:0 auto;padding:22px;display:grid}.column-strip{margin:0}.column-label{color:#2b332f;background:#ffe7a8eb;border-radius:99px;width:fit-content;margin:0 0 8px 10px;padding:4px 10px;font-size:13px;font-weight:800}.column-image{background-color:#f8f5ec;background-repeat:no-repeat;border-radius:6px;width:100%;box-shadow:0 20px 44px #0000004d,0 0 0 1px #14141429}.message-board{background-color:#16342ed1;background-image:linear-gradient(90deg,#e5f0db0f 1px,#0000 1px),linear-gradient(#e5f0db0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.message-form{grid-template-columns:180px minmax(0,1fr) 124px;gap:12px;margin:20px 0;display:grid}.message-form input,.message-form textarea{background:#fffbeaeb}.message-form textarea{min-height:76px}.message-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.message-note{color:#2d2f29;transform:rotate(var(--tilt,-.4deg));background-color:#fff2bb;background-image:linear-gradient(#315e7414 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:5px;padding:18px 18px 16px;position:relative;box-shadow:0 13px 28px #0000002e}.message-note:nth-child(2n){--tilt:.5deg;background-color:#e2f0d9}.message-note:nth-child(3n){--tilt:-.8deg;background-color:#e7eff8}.message-note:before{content:"";background:#ddceaed9;width:46px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 3px 9px #503a262e}.message-meta{color:#33564d;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.message-meta span{color:#6d756f;text-align:right;font-size:12px}.message-note p,.empty-message{white-space:pre-wrap;margin:0;line-height:1.8}.empty-message{color:#fff9eab3}@media (width>=980px){.viewer-frame.optimized .optimized-viewer{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:none}}@media (width<=820px){body{background-attachment:scroll}.app-shell{width:min(100% - 20px,720px);padding-top:10px}.query-desk{grid-template-columns:1fr;gap:22px;min-height:auto;padding:32px 0 12px}.desk-copy h1{font-size:clamp(38px,12vw,58px)}.desk-copy p{font-size:15px}.search-sheet{padding:28px 20px 22px;transform:none}.result-zone,.message-board{padding:18px}.viewer-controls,.result-header{align-items:stretch}.segmented,.segmented button,.zoom-tools{width:100%}.segmented button{flex:1}.zoom-tools input{flex:1;width:auto}.original-viewer{height:62vh;min-height:360px}.optimized-viewer{gap:18px;padding:12px}.message-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}