@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.2ytmazkdrg7t9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3j3877k49yy0l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1icgra-w5i50b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_bed06b21-module__swPsvG__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_bed06b21-module__swPsvG__variable{--font-instrument-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe8b9d92-module__LINzvG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe8b9d92-module__LINzvG__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.15orukf5wyxb5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_69b0a650-module__YpXl3W__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_69b0a650-module__YpXl3W__variable{--font-ibm-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--paper:#f3f0e8;--paper-deep:#e9e4d8;--paper-light:#faf7ef;--ink:#171816;--body-ink:#3e3f3a;--muted:#6c6b64;--line:#c9c4b8;--accent:#d63b21;--accent-soft:#ef6b3b;--serif:var(--font-instrument-serif), "Noto Serif TC", "Songti TC", "PMingLiU", Georgia, serif;--sans:var(--font-inter), "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", Arial, sans-serif;--mono:var(--font-ibm-plex-mono), "Noto Sans TC", "Microsoft JhengHei", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:linear-gradient(#17181609 1px, transparent 1px), linear-gradient(90deg, #17181609 1px, transparent 1px), var(--paper);font-family:var(--sans);letter-spacing:-.01em;background-size:32px 32px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{color:var(--paper-light);background:var(--accent)}.page-shell{border-right:1px solid var(--line);border-left:1px solid var(--line);background:#f3f0e8e6;width:min(100% - 40px,1680px);margin:0 auto}.shell-header{border-bottom:1px solid var(--ink);min-height:104px;color:var(--paper-light);background:var(--ink);grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:14px 28px;display:grid}.shell-brand{flex-direction:column;gap:6px;width:fit-content;display:flex}.shell-brand strong{font:600 24px/1 var(--mono);letter-spacing:-.04em}.shell-brand span{color:#a7a69e;font:400 12px/1 var(--mono)}.shell-mode{color:#aaa9a1;font:500 10px/1.3 var(--mono);letter-spacing:.09em;white-space:nowrap;justify-self:end;align-items:center;gap:8px;display:flex}.shell-mode i{background:var(--accent-soft);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ef6b3b26}.hero,.archive-grid{grid-template-columns:80px minmax(0,1fr) 330px;display:grid}.hero{border-bottom:1px solid var(--ink);min-height:480px}.margin-note{border-right:1px solid var(--line);justify-content:center;align-items:center;display:flex;overflow:hidden}.margin-note span{color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-copy{padding:52px 48px 38px;position:relative}.kicker{color:var(--accent);font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin:0;display:flex}.kicker:before{background:var(--accent);content:"";width:32px;height:2px}h1{max-width:960px;font:400 clamp(70px, 7vw, 112px) / .82 var(--serif);letter-spacing:-.055em;margin:28px 0 24px}h1 em{color:var(--accent);font-weight:400}.intro{max-width:760px;color:var(--body-ink);margin:0;font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:22px;margin-top:31px;display:flex}.primary-action,.text-action{font:600 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.primary-action{color:var(--paper-light);background:var(--ink);align-items:center;gap:28px;padding:13px 15px;transition:color .18s,background .18s;display:inline-flex}.primary-action:hover{color:var(--paper-light);background:var(--accent)}.text-action{border-bottom:2px solid var(--accent);padding-bottom:4px}.hero-index{color:var(--muted);font:400 12px/1 var(--mono);position:absolute;bottom:24px;right:30px}.profile-aside{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:40px 32px 32px;display:flex}.specimen-label,.focus-title{color:var(--muted);font:500 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.seal{aspect-ratio:1;border:1px solid var(--ink);width:104px;color:var(--paper);background:var(--accent);box-shadow:7px 7px 0 var(--paper-deep), 8px 8px 0 var(--ink);font:600 33px/1 var(--mono);place-items:center;margin:25px 0 32px auto;display:grid;transform:rotate(3deg)}.aside-line{border-top:1px solid var(--line);font:500 11px/1.3 var(--mono);justify-content:space-between;padding:10px 0;display:flex}.aside-line span{color:var(--muted)}.focus-groups{gap:18px;margin-top:24px;display:grid}.focus{margin:0}.focus-title{margin-bottom:10px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--ink);font:500 10px/1 var(--mono);text-transform:uppercase;padding:7px 8px}.tag.selected{color:var(--paper);background:var(--ink)}.tag.learning{border-color:var(--accent);color:var(--accent);background:0 0}.archive-grid{min-height:410px}.collections-area{padding:27px 30px 30px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:19px;display:flex}.section-head h2{font:400 30px/1 var(--serif);margin:0}.section-head>span{color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{border:1px solid var(--ink);background:#f3f0e8b8;flex-direction:column;min-height:276px;padding:17px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}.card:hover{background:var(--paper-light);box-shadow:5px 5px 0 var(--ink);transform:translate(-3px,-3px)}.card-top{color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.1em;justify-content:space-between;display:flex}.card-number{color:var(--accent)}.card-mark{color:var(--accent);font:400 52px/1 var(--serif);margin:23px 0 0}.card-status{width:fit-content;color:var(--paper-light);background:var(--accent);font:600 9px/1 var(--mono);letter-spacing:.08em;margin-top:8px;padding:4px 5px}.card h3{letter-spacing:-.035em;margin:auto 0 9px;font-size:22px;font-weight:600;line-height:1.1}.card p{max-width:96%;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.card:focus-visible{box-shadow:5px 5px 0 var(--ink);transform:translate(-3px,-3px)}.interior-hero{border-bottom:1px solid var(--ink);grid-template-columns:80px minmax(0,1fr) 330px;min-height:370px;display:grid}.interior-copy{padding:54px 48px 46px}.interior-copy h1{max-width:900px;margin:31px 0 24px;font-size:clamp(66px,6.5vw,104px)}.interior-mark{border-left:1px solid var(--line);background:#e9e4d859;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:38px 32px 31px;display:flex}.interior-mark span{color:var(--accent);font:400 clamp(72px, 8vw, 122px) / .8 var(--serif);letter-spacing:-.07em}.interior-mark small{color:var(--muted);font:500 10px/1.4 var(--mono);letter-spacing:.11em;text-align:right;text-transform:uppercase}.interior-content{padding:38px 46px 52px 126px}.index-list,.queue-list{border-top:1px solid var(--ink)}.index-row{border-bottom:1px solid var(--line);grid-template-columns:64px 160px minmax(0,1fr) 32px;align-items:center;gap:20px;min-height:112px;padding:20px 17px;transition:color .18s,background .18s;display:grid}.index-row:hover,.index-row:focus-visible{color:var(--paper-light);background:var(--ink);outline:0}.index-number,.index-label,.index-arrow{font-family:var(--mono)}.index-number{color:var(--accent);font-size:12px;font-weight:600}.index-label{color:var(--muted);letter-spacing:.11em;font-size:10px}.index-row:hover .index-label,.index-row:focus-visible .index-label{color:var(--line)}.index-copy{gap:7px;display:grid}.index-copy strong{font:400 31px/1 var(--serif)}.index-copy small{color:var(--muted);font-size:12px;line-height:1.45}.index-row:hover .index-copy small,.index-row:focus-visible .index-copy small{color:var(--line)}.index-arrow{font-size:20px;transition:transform .18s}.index-row:hover .index-arrow,.index-row:focus-visible .index-arrow{transform:translate(3px,-3px)}.queue-row{border-bottom:1px solid var(--line);grid-template-columns:64px 110px minmax(0,1fr) auto;align-items:start;gap:20px;min-height:126px;padding:23px 17px;display:grid}.queue-number,.queue-type,.queue-status{font-family:var(--mono);letter-spacing:.1em;font-size:10px;font-weight:600}.queue-number{color:var(--accent)}.queue-type{color:var(--muted)}.queue-status{color:var(--paper-light);background:var(--accent);padding:5px 6px}.queue-row h2,.principle h2{font:400 29px/1 var(--serif);margin:0 0 8px}.queue-row p,.principle p{max-width:660px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.principles-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(2,1fr);display:grid}.principle{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:210px;padding:23px}.principle>span{color:var(--accent);font:600 11px/1 var(--mono);margin-bottom:45px;display:block}.about-contact{border-top:1px solid var(--line);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:28px;margin-top:22px;padding:22px 0;display:flex}.about-contact p{color:var(--muted);margin:0;font-size:13px}.about-contact a{border-bottom:2px solid var(--accent);font:600 12px/1 var(--mono);padding-bottom:4px}footer a{text-align:center}.notes{border-left:1px solid var(--line);background:#e9e4d852;padding:27px 31px 24px}.achievement-head{flex-direction:column;align-items:flex-start;gap:8px}.achievement-list{overscroll-behavior:contain;scrollbar-color:var(--muted) transparent;scrollbar-gutter:stable;scrollbar-width:thin;max-height:330px;overflow-y:auto}.achievement-list:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.note{border-top:1px solid var(--line);grid-template-columns:60px 1fr;gap:12px;padding:14px 0;display:grid}.note time{color:var(--accent);font:500 10px/1.4 var(--mono)}.note h3{margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.35}.note p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.contact{border-top:1px solid var(--ink);justify-content:space-between;align-items:flex-end;margin-top:15px;padding-top:15px;display:flex}.contact-label{color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.contact-links{gap:13px;display:flex}.contact a{border-bottom:2px solid var(--accent);font:600 11px/1 var(--mono);padding-bottom:4px}.home-guestbook{border-top:1px solid var(--ink);scroll-margin-top:24px}.home-guestbook-head{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) 420px;align-items:end;gap:60px;padding:42px 56px 38px;display:grid}.home-guestbook-head h2{font:400 clamp(52px, 5.7vw, 88px) / .9 var(--serif);letter-spacing:-.05em;margin:20px 0 0}.home-guestbook-intro p{max-width:410px;color:var(--body-ink);margin:0 0 20px;font-size:15px;line-height:1.7}.home-guestbook-intro a{border-bottom:2px solid var(--accent);font:600 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;padding-bottom:4px}.guestbook-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:64px;min-height:340px;padding:54px 64px 48px;display:grid}.guestbook-hero h1{max-width:none;margin:29px 0 0;font-size:clamp(68px,7.2vw,116px)}.guestbook-hero>p{max-width:360px;color:var(--body-ink);margin:0 0 8px;font-size:16px;line-height:1.7}.guestbook-workspace{border-bottom:1px solid var(--ink);grid-template-columns:310px minmax(0,1fr);display:grid}.guestbook-composer{border-right:1px solid var(--ink);background:#e9e4d875;flex-direction:column;padding:30px 26px;display:flex}.composer-heading>span,.board-toolbar,.guestbook-field>span,.note-colors legend,.board-status,.board-instructions{font-family:var(--mono)}.composer-heading>span{color:var(--accent);letter-spacing:.12em;font-size:10px;font-weight:600}.composer-heading h2{font:400 34px/1 var(--serif);margin:12px 0 9px}.composer-heading p{color:var(--muted);margin:0 0 25px;font-size:12px;line-height:1.6}.guestbook-composer form{gap:18px;display:grid}.guestbook-field{gap:8px;display:grid}.guestbook-field>span,.note-colors legend{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:600}.guestbook-field input,.guestbook-field textarea{border:1px solid var(--ink);width:100%;color:var(--ink);background:var(--paper-light);font:500 13px/1.5 var(--mono);border-radius:0;outline:0}.guestbook-field input{min-height:42px;padding:8px 10px}.guestbook-field textarea{resize:vertical;min-height:128px;padding:10px}.guestbook-field input:focus,.guestbook-field textarea:focus{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}.guestbook-field small{color:var(--muted);font:500 9px/1 var(--mono);justify-self:end}.note-colors{border:0;margin:0;padding:0}.note-colors>div{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px;display:grid}.note-colors label{border:1px solid var(--line);cursor:pointer;align-items:center;gap:7px;padding:7px;font-size:11px;display:flex}.note-colors label:has(input:checked){border-color:var(--ink);background:var(--paper-light)}.note-colors input{opacity:0;width:1px;height:1px;position:absolute}.note-colors label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.color-swatch{border:1px solid #17181659;width:18px;height:18px}.pin-note-button,.reset-board-button{cursor:pointer;font-family:var(--mono);text-transform:uppercase;border-radius:0;font-weight:600}.pin-note-button{border:1px solid var(--ink);min-height:48px;color:var(--paper-light);background:var(--ink);justify-content:space-between;align-items:center;margin-top:2px;padding:0 14px;font-size:11px;display:flex}.pin-note-button:hover,.pin-note-button:focus-visible{border-color:var(--accent);background:var(--accent)}.reset-board-button{border:0;border-bottom:1px solid var(--muted);color:var(--muted);background:0 0;justify-self:start;padding:3px 0;font-size:9px}.board-status{color:var(--muted);margin:auto 0 0;padding-top:28px;font-size:9px;line-height:1.55}.board-status.is-error{color:var(--accent)}.guestbook-board-area{background:linear-gradient(#17181606 1px, transparent 1px), linear-gradient(90deg, #17181606 1px, transparent 1px), var(--paper);background-size:22px 22px;min-width:0;padding:26px 30px 24px}.board-toolbar{color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:9px;display:flex}.board-toolbar strong{color:var(--accent);font-weight:600}.board-toolbar>div{align-items:center;gap:12px;display:flex}.guestbook-board{background:radial-gradient(circle at 18% 22%,#ffffff1f 0 1px,#0000 2px) 0 0/17px 19px,radial-gradient(circle at 72% 68%,#432a173d 0 1px,#0000 2px) 0 0/23px 21px,radial-gradient(circle at 42% 85%,#ffffff14 0 1px,#0000 2px) 0 0/29px 27px,#ad774d;border:10px solid #2d2922;outline:1px solid #0f100e;min-height:650px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #432a1759,6px 6px #17181624}.board-note{z-index:1;color:#292924;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #17181638;outline:0;flex-direction:column;width:190px;height:178px;padding:28px 18px 16px;transition:box-shadow .14s;display:flex;position:absolute;box-shadow:4px 6px 10px #301f1347}.board-note:active{cursor:grabbing}.board-note.is-active,.board-note:focus-visible{z-index:10;outline:3px solid var(--paper-light);outline-offset:3px;box-shadow:8px 12px 18px #301f1361}.board-note.is-pinned{z-index:20;box-shadow:8px 12px 18px #301f136b}.pinned-note-label{color:#2929249e;font:700 7px/1 var(--mono);letter-spacing:.1em;position:absolute;bottom:7px;right:8px}.note-yellow{background:#f4dc75}.note-pink{background:#ef9d9f}.note-blue{background:#9ccfd8}.note-green{background:#b9d886}.note-pin{background:var(--accent);border:2px solid #1718167a;border-radius:50%;width:11px;height:11px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:1px 2px 2px #17181647}.board-note>p{font:500 14px/1.45 var(--sans);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.board-note footer{color:#292924b8;min-height:0;font:600 9px/1 var(--mono);letter-spacing:0;text-transform:none;border:0;grid-template-columns:none;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 0 0;display:flex}.board-note footer strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.board-note footer time{font-weight:500}.board-instructions{color:var(--muted);margin:17px 0 0;font-size:9px;line-height:1.5}.note-confirmation-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f100ec2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.note-confirmation-dialog{border:1px solid var(--paper-light);width:min(680px,100%);color:var(--paper-light);background:var(--ink);grid-template-columns:250px minmax(0,1fr);align-items:center;gap:34px;padding:34px;display:grid;box-shadow:12px 12px #00000059}.confirmation-note{color:#292924;flex-direction:column;width:230px;height:215px;padding:34px 20px 18px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:6px 9px 16px #00000052}.confirmation-note>p{font:500 15px/1.5 var(--sans);margin:0}.confirmation-note footer{color:#292924b8;min-height:0;font:600 9px/1 var(--mono);letter-spacing:0;text-transform:none;border:0;grid-template-columns:none;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 0 0;display:flex}.confirmation-copy>span{color:var(--accent-soft);font:600 9px/1 var(--mono);letter-spacing:.12em}.confirmation-copy h2{font:400 38px/1.05 var(--serif);margin:14px 0 12px}.confirmation-copy p{color:#bfc0b7;margin:0;font-size:13px;line-height:1.6}.confirmation-copy .publish-error{color:#ff9b82;font-family:var(--mono);margin-top:12px;font-size:10px}.confirmation-copy>div{gap:9px;margin-top:24px;display:flex}.confirmation-copy button{min-height:42px;color:var(--paper-light);cursor:pointer;font:600 10px/1 var(--mono);background:0 0;border:1px solid #77786f;border-radius:0;padding:0 13px}.confirmation-copy button:last-child{border-color:var(--accent);background:var(--accent)}.confirmation-copy button:focus-visible{outline:3px solid var(--paper-light);outline-offset:3px}.confirmation-copy button:disabled{cursor:wait;opacity:.58}footer{border-top:1px solid var(--ink);min-height:70px;color:var(--muted);font:500 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 32px;display:grid}footer span:last-child{text-align:right}@media (max-width:1100px){.page-shell{width:min(100% - 24px,1000px)}.shell-header{grid-template-columns:auto 1fr;gap:12px 22px}.hero,.archive-grid,.interior-hero{grid-template-columns:52px 1fr}.profile-aside,.notes{border-top:1px solid var(--line);border-left:0;grid-column:2}.profile-aside{min-height:310px}.notes{padding-bottom:35px}.interior-mark{border-top:1px solid var(--line);border-left:0;grid-column:2;min-height:180px}.interior-content{padding-left:52px}.guestbook-hero{grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding-left:42px;padding-right:42px}.guestbook-workspace{grid-template-columns:270px minmax(0,1fr)}.home-guestbook-head{grid-template-columns:minmax(0,1fr) 340px;gap:36px;padding-left:42px;padding-right:42px}.guestbook-board-area{padding-left:22px;padding-right:22px}.board-note{width:170px}}@media (max-width:720px){.page-shell{border:0;width:100%}.shell-header{min-height:0;padding:15px 18px 17px}.shell-mode{font-size:9px}.hero,.archive-grid,.interior-hero{display:block}.guestbook-hero{min-height:0;padding:39px 20px 36px;display:block}.home-guestbook-head{padding:36px 20px 32px;display:block}.home-guestbook-head h2{font-size:clamp(48px,15vw,68px)}.home-guestbook-intro{margin-top:26px}.guestbook-hero h1{font-size:clamp(54px,16vw,78px)}.guestbook-hero>p{margin-top:28px;font-size:15px}.guestbook-workspace{display:block}.guestbook-composer{border-right:0;border-bottom:1px solid var(--ink);padding:29px 20px}.board-status{margin-top:28px}.guestbook-board-area{padding:22px 16px 24px}.guestbook-board{border-width:7px;min-height:720px}.board-note{width:145px;height:164px;padding:26px 13px 13px}.board-note>p{font-size:12px}.board-toolbar{align-items:flex-start}.board-toolbar>div{flex-direction:column;align-items:flex-end;gap:7px}.note-confirmation-backdrop{align-items:start;padding:18px;overflow-y:auto}.note-confirmation-dialog{grid-template-columns:1fr;justify-items:center;gap:27px;padding:28px 20px}.confirmation-note{width:min(230px,100%)}.confirmation-copy{width:100%}.confirmation-copy h2{font-size:34px}.confirmation-copy>div{flex-direction:column-reverse}.margin-note,.hero-index{display:none}.hero-copy{padding:40px 20px 42px}h1{font-size:clamp(58px,19vw,88px)}.intro{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.profile-aside,.collections-area,.notes,.interior-copy,.interior-mark,.interior-content{padding:29px 20px}.interior-copy h1{font-size:clamp(54px,17vw,82px)}.index-row,.queue-row{grid-template-columns:48px minmax(0,1fr) auto;gap:13px}.index-label,.queue-type{display:none}.index-copy strong,.queue-row h2{font-size:25px}.queue-status{grid-column:2;width:fit-content}.principles-grid{grid-template-columns:1fr}.about-contact{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}.card{min-height:240px}.contact{flex-direction:column;align-items:flex-start;gap:14px}footer{grid-template-columns:1fr;padding:24px 20px}footer span:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
