:root{--blue:#315bab;--deep:#284d91;--pink:#cb45ac;--edge:#9eb8ed;--paper:#fffffe;--muted:#6574a2;--font:"MS PGothic","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0 22px 20px;color:var(--deep);font:15px/1.75 var(--font);background-color:#e3efff;background-image:url('assets/sparkle-tile.svg'),linear-gradient(105deg,#f5dff5,#d8eeff 35%,#e0e5ff 68%,#ffe4f0)}a{color:inherit;text-underline-offset:3px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7f37bd;outline-offset:4px}svg{width:28px;height:28px;flex-shrink:0;display:inline-block}img{max-width:100%;height:auto}button{color:inherit}button:active,.retro-button:active{transform:translateY(1px)}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-90px;left:12px;padding:9px 18px;background:white;z-index:20}.skip:focus{top:5px}.above-site,.under-site{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;gap:16px}.above-site{padding:8px 3px 6px}.above-site a{text-decoration:none}.site-shell{max-width:1320px;margin:auto;border:1px solid #879fdd;outline:4px solid #ffffff8c;box-shadow:0 6px 25px #526aa42b;background:#fff}.masthead{height:174px;position:relative;display:grid;grid-template-columns:225px 1fr 320px;overflow:hidden;background:radial-gradient(ellipse at 40% 15%,#ffffffe0,transparent 65%),linear-gradient(#92c8fc,#cce0ff 65%,#ecdfff)}.masthead:before{content:"";position:absolute;inset:0;background:url('assets/sparkle-tile.svg');opacity:.9}.welcome-pc{z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-decoration:none;line-height:1.15;font-size:14px;font-weight:bold;background:linear-gradient(90deg,#dce9ff99,#f0e1ff9c);border-right:1px solid #b8bcf1}.pc-icon{width:63px;height:63px;filter:drop-shadow(2px 3px 0 #718acb33);margin-bottom:5px}.welcome-pc small{font-size:11px;font-weight:normal;margin-top:5px}.masthead-title{position:relative;z-index:1;align-self:center;text-align:center;margin-top:-9px;min-width:0;padding:0 14px}.masthead h1{font-family:"Yu Gothic",Meiryo,sans-serif;font-weight:1000;font-size:clamp(42px,4.65vw,66px);line-height:1.3;letter-spacing:.06em;margin:0;color:#ffd1f0;-webkit-text-stroke:2px #3d64c7;paint-order:stroke fill;text-shadow:0 4px 0 #ffdf7b,0 7px 0 #5481d6,3px 8px 0 #ffffff,0 0 14px #fff}.masthead-title p{font-size:15px;font-weight:bold;letter-spacing:.07em;margin:15px 0 0;text-shadow:1px 1px #fff}.title-spark{position:absolute;color:#ffe352;text-shadow:1px 1px white,-1px -1px #6896e1;line-height:1}.spark-one{left:14px;top:-2px;font-size:35px}.spark-two{right:5px;bottom:-5px;font-size:31px;color:#82deed}.masthead-note{position:relative;z-index:1;display:flex;align-items:center;padding-bottom:24px;padding-right:15px;font-size:14px;font-weight:bold;color:#fff;text-shadow:0 1px 5px #4179c9;line-height:1.9;gap:12px}.masthead-note p{margin:0}.crescent{font-family:serif;font-size:67px;color:#fff9ac;transform:rotate(-18deg);text-shadow:0 0 12px #fff}.tiny-star{position:absolute;right:39px;top:15px;font-size:30px;color:#ffe09a}.skyline{position:absolute;z-index:0;left:225px;right:0;bottom:0;height:50px;background:url('assets/skyline.svg') repeat-x center bottom;background-size:640px 60px;opacity:.55}.welcome-strip{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 15px;border-top:1px solid #729cf3;border-bottom:1px solid #6b97e6;box-shadow:inset 0 2px #e2fbff,inset 0 -2px #d7d6ff;background:linear-gradient(#b8d9ff,#6aabef 49%,#8bbbfb 50%,#a9cfff);color:white;font-weight:bold;text-shadow:0 1px 2px #3d68ad;font-size:13px;letter-spacing:.07em}.welcome-strip b{color:#fff39b;margin-right:9px;font-size:19px;vertical-align:middle}.updated{font-size:12px;white-space:nowrap}.updated b{margin-left:10px;margin-right:0}.site-columns{display:grid;grid-template-columns:225px minmax(0,1fr)}.sidebar{padding:12px 13px 6px;background:linear-gradient(90deg,#ffe6f7,#f9eafa 80%,#efd9f5);border-right:2px solid #cdbaed;box-shadow:inset -4px 0 #fff5;align-self:stretch}.menu-heading{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;font-weight:bold;letter-spacing:.08em;line-height:1.4;padding:4px 0;border:1px solid #d890d5;border-radius:3px;box-shadow:inset 1px 1px 0 white,inset -1px -1px 0 #e2aae7;background:linear-gradient(#fff0fd,#f7ceee 48%,#e9baf0 50%,#f8d9f6);color:#3763bb;text-shadow:1px 1px white}.menu-heading>span:not(.menu-disclosure){color:#fbe347;-webkit-text-stroke:.6px #5285c0}.menu-disclosure{display:none}#site-menu{display:grid;gap:6px;margin-top:7px}.menu-link{display:flex;align-items:center;gap:11px;height:48px;padding:3px 12px;text-decoration:none;border:1px solid #8fa8e4;border-radius:6px;background:linear-gradient(#fafcff,#d5e7ff 46%,#c4d8fc 48%,#e1efff);box-shadow:inset 2px 2px #fff,inset -2px -2px #bccaf1,1px 2px 1px #b8b4dd;color:#3e5fa2;transition:background .15s,box-shadow .15s}.menu-link svg{width:29px;height:29px;filter:drop-shadow(1px 2px 0 #fff)}.menu-link>span{line-height:1.05;font-size:18px;letter-spacing:.025em}.menu-link small{display:block;font-size:9px;letter-spacing:.04em;color:#6176a4;margin-top:4px}.menu-link:hover{background:linear-gradient(#fff,#eee8ff,#d7cefa,#f2e8ff);box-shadow:inset 2px 2px white,inset -2px -2px #cdbbed,0 0 5px #fff}.menu-link.active{border-color:#d88ad0;background:linear-gradient(#fff8ff,#ffe0f5 46%,#f8c5ed 48%,#ffe5f9);box-shadow:inset 2px 2px white,inset -2px -2px #eab6de,1px 2px 1px #c4b4dd;color:#ae3998}.menu-link.active small{color:#a5589b}.counter-box{border:1px solid #d9b1df;border-radius:6px;background:#fff8ff99;box-shadow:inset 1px 1px white;margin:15px 0 10px;padding:8px;text-align:center;font-size:12px}.counter-box p{margin:0 0 2px}.counter-box output{display:block;width:166px;max-width:100%;margin:4px auto;font-family:"Courier New",monospace;font-size:28px;line-height:1.25;letter-spacing:.11em;color:#53ff90;background:repeating-linear-gradient(0deg,#152c29,#152c29 2px,#193933 2px,#193933 3px);border:3px inset #a1c6b0;text-shadow:0 0 4px #6afa9e;padding-left:4px}.counter-box small{font-size:9px;color:#84769d}.hamster-note{display:flex;align-items:center;gap:5px;padding:5px 4px;border:1px solid #b5c0ea;border-radius:5px;background:url('assets/sparkle-tile.svg'),linear-gradient(120deg,#dfefff,#fefaff);box-shadow:inset 2px 2px white}.hamster-note svg{width:67px;height:58px}.hamster-note p{font-size:12px;line-height:1.7;margin:0}.sound-widget{text-align:center;margin:12px 0 8px}.sound-widget button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #a3b1dc;background:linear-gradient(#fff,#e7e8ff);box-shadow:inset 1px 1px white;border-radius:3px;padding:5px}.sound-widget svg{width:23px;height:23px}.sound-widget b{font-size:12px;display:inline-block;margin-left:9px;padding:0 6px;color:#657296;border:1px solid #c1cae9;background:white}.sound-widget small{font-size:9px}.sound-widget [aria-pressed=true] b{background:#edfcef;color:#277f66}.link-banners{text-align:center;margin-top:16px}.link-banners>p:first-child{font-size:12px;font-weight:bold;margin:0 0 6px}.mini-banner{display:block;margin:5px auto;width:172px;text-decoration:none;border:2px outset #d0deff;line-height:1.15;padding:5px 3px;font-size:13px;font-weight:bold;box-shadow:0 1px 3px #948ed055}.mini-banner small{display:block;font-size:9px;margin-top:3px;letter-spacing:.08em}.dream-banner{color:#fff5c6;background:linear-gradient(135deg,#497cce,#8e85d7 45%,#3563b8);text-shadow:1px 1px #42628f}.buri-banner{background:linear-gradient(#dcfff5,#9ee4e7);color:#24608a}.link-free{font-size:11px!important;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;line-height:1.4}.link-free svg{width:24px;height:24px}.link-free span{display:block;width:100%;font-size:9px;color:#7771a5}main{min-width:0;padding:15px 17px 10px;background:radial-gradient(#a7c9f82e .65px,transparent .8px) 0 0/5px 5px,#fff;outline:none;min-height:815px}.page-panel{animation:appear .24s ease}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.hero-frame{position:relative;overflow:hidden;isolation:isolate;border:1px solid #a0a4dd;border-radius:5px;box-shadow:0 0 0 3px #e8e9fc,inset 0 0 0 3px #fff;height:347px;background:#7b9be4}.hero-art{width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}.hero-frame:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#172d686b,transparent 65%);pointer-events:none}.hero-copy{position:absolute;z-index:1;top:24px;left:28px;width:59%;color:white;text-shadow:0 1px 5px #244e8a}.hero-kicker{font-size:11px;letter-spacing:.2em;margin:0 0 9px;color:#f9e9ff}.hero-copy h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:32px;font-weight:600;line-height:1.55;letter-spacing:.07em;margin:0 0 11px}.hero-copy h2 span{color:#fff1fb;text-shadow:0 0 10px #fbdfff,0 1px 5px #73539f}.hero-intro{font-size:12px;font-weight:600;line-height:1.85;letter-spacing:.025em;margin:0 0 12px}.hero-link{font-size:11px;display:inline-flex;align-items:center;gap:20px;text-decoration:none;border-bottom:1px solid #ffe3feaa;padding-bottom:2px;color:#fffbe9}.hero-link:hover{color:#ffe996}.hero-corner{position:absolute;right:12px;top:7px;color:#ffffc9;text-shadow:0 0 12px white;font-size:26px}.home-lower{display:grid;grid-template-columns:minmax(0,1fr) 234px;gap:17px;margin:19px 0 18px}.ribbon-heading{height:32px;margin:0 0 10px;display:flex;align-items:center;gap:10px;border-radius:5px;background:linear-gradient(90deg,#fff,#f5dcf6 70%,#ffeaf9);font-size:23px;font-weight:bold;color:#c837a8;line-height:1;white-space:nowrap}.ribbon-heading svg{width:28px;height:28px}.ribbon-heading small{font-size:11px;color:#5273ac;font-weight:normal}.ribbon-heading b{margin-left:auto;margin-right:10px;color:#ffe071;text-shadow:1px 1px #ed98cc;font-size:23px}.news-list{list-style:none;padding:0;margin:0;font-size:12px}.news-list li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:start;border-bottom:1px dotted #9ccfe0;padding:8px 3px;line-height:1.65}.news-list time{font-weight:bold;font-size:11px;letter-spacing:.02em;line-height:1.9}.news-list a{white-space:nowrap}.new-badge{display:inline-block;background:#fff16b;color:#c16a16;font:bold 9px/1.5 Arial,sans-serif;padding:1px 4px;border-radius:3px;vertical-align:1px;margin-right:5px}.news-note{font-size:10px;line-height:1.7;color:#6c789f;margin:10px 0 2px}.small-link{font-size:10px;color:#747db2;display:block;text-align:right}.memory-postcard{position:relative;display:block;text-decoration:none;min-height:228px;padding:18px 10px 10px;border:1px solid #c0b9e7;border-radius:5px;box-shadow:inset 0 0 0 3px #fff;background:url('assets/sparkle-tile.svg'),linear-gradient(135deg,#e9f7ff,#ffe7f4);overflow:hidden}.postcard-tape{position:absolute;left:85px;top:7px;width:63px;height:18px;z-index:2;transform:rotate(-9deg);background:#ffe1a4ac;box-shadow:0 1px 2px #debb7d33}.postcard-picture{display:block;margin:0 auto;width:160px;height:103px;border:5px solid white;box-shadow:1px 3px 5px #7c78a66b;transform:rotate(-8deg);overflow:hidden}.postcard-picture img{height:100%;width:100%;object-fit:cover;object-position:left center;transform:scale(1.9);transform-origin:0 80%}.memory-postcard>span:nth-last-of-type(1){display:block;text-align:center;font-family:"Yu Mincho",serif;font-weight:bold;font-size:17px;line-height:1.5;letter-spacing:.04em;margin-top:12px;transform:rotate(2deg)}.memory-postcard b{color:#cd67bd;margin-left:7px}.memory-postcard small{display:block;font-size:9px;text-align:center;color:#8690b3;margin-top:6px}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quick-links a{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 9px;min-height:91px;border:1px solid #9fafe4;border-radius:8px;background:url('assets/sparkle-tile.svg'),linear-gradient(#fafcff,#dceaff 60%,#c4d7fb);box-shadow:inset 2px 2px #fff,inset -2px -2px #bdc9ee;text-decoration:none}.quick-links a:hover{filter:brightness(1.025);box-shadow:inset 2px 2px #fff,inset -2px -2px #aebdeb,0 0 6px #97b5f8}.quick-links svg{width:43px;height:43px}.quick-links strong{display:block;font-size:19px;line-height:1.35;color:#4b68c3;letter-spacing:.03em}.quick-links small{display:block;font-size:10px;line-height:1.7;margin-top:4px}.home-signoff{text-align:center;font-size:10px;color:#9197b6;letter-spacing:.04em;margin:17px 0 2px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 14px;border-top:1px solid #729ce1;color:#fff;min-height:36px;text-shadow:1px 1px #4a75b6;background:linear-gradient(#afd4fb,#77b2f3 50%,#98c5fc);box-shadow:inset 0 2px #def0ff;font-size:12px}.site-footer b{font-size:18px;color:#fff190;vertical-align:middle;margin-right:8px}.site-footer small{margin-left:auto;font-size:10px}.site-footer a{white-space:nowrap;font-size:10px}.under-site{justify-content:center;color:#7581a6;font-size:10px;padding-top:10px}.under-site button{padding:0 7px;border:1px solid #b0b9db;border-radius:3px;background:#f8faffb3;font-size:10px}.page-heading{display:flex;align-items:center;gap:12px;margin:0 0 23px;font-size:26px;line-height:1.6;color:#b940a3;background:linear-gradient(90deg,#f5e0f8,#eff8ff);border-bottom:2px solid #c9b0e3;border-radius:3px;padding:5px 13px;text-shadow:1px 1px white}.page-heading svg{width:32px;height:32px}.page-heading small{font-weight:normal;font-size:13px;color:#5774ad;margin-left:6px}.panel-lead{font-size:14px;padding:0 9px;margin-bottom:25px}.reading-paper{max-width:780px;margin:0 auto 30px;padding:22px 32px;background:linear-gradient(#fffffff2,#fff9f8ec);border:1px solid #d3d3ed;box-shadow:4px 4px 0 #eae9f780}.section-kicker{font-size:12px;letter-spacing:.12em;color:#9d68b1}.reading-paper h3{font-family:"Yu Mincho",serif;font-size:28px;line-height:1.7;letter-spacing:.04em;margin:13px 0 24px}.reading-paper p{font-size:14px;line-height:2}.work-status{display:flex;align-items:center;gap:15px;padding:10px 16px;border:1px dotted #cd9ed5;background:#fff0fd;margin:25px 0}.work-status svg{width:72px;height:60px}.work-status p{font-size:12px;margin:0}.work-status strong{font-size:15px;color:#a04d9f}.work-details{font-size:13px;margin:20px 0}.work-details>div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px dotted #cbd0e9;padding:8px}.work-details dt{color:#7887b0}.work-details dd{margin:0}.fine-print{font-size:11px!important;line-height:1.8!important;color:#7c809f}.retro-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a4a8dc;border-radius:4px;box-shadow:inset 2px 2px white,inset -2px -2px #c1c9ec,1px 2px 0 #d8daf0;background:linear-gradient(#fff,#e9edff 49%,#dae4fc 50%,#f0f4ff);padding:8px 18px;text-decoration:none;font-size:13px;min-height:40px;font-weight:bold}.retro-button:hover{background:linear-gradient(#fff,#fae6fb,#eee4ff)}.diary-entry{padding:10px 27px 30px;max-width:820px;margin:0 auto;border:1px solid #d0d7ed;background:repeating-linear-gradient(white 0,white 31px,#e8effa 31px,#e8effa 32px);font-size:14px;line-height:2.2857}.diary-date{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8c82af;margin-top:4px}.diary-entry h3{font-size:23px;color:#7b569e;line-height:1.5;margin:24px 0}.diary-entry p{margin:24px 0}.diary-signature{text-align:right;color:#a8679e}.diary-entry details{margin-top:25px;font-size:12px;background:#faf6ffcc;padding:8px 14px;border:1px dotted #c2b9dd}.diary-entry summary{cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:8px 12px 20px}.gallery-grid figure{margin:0;border:1px solid #c2c9e5;background:white;padding:10px 10px 13px;box-shadow:3px 4px 0 #eae8f8;transform:rotate(-1.4deg)}.gallery-grid figure:nth-child(2){transform:rotate(1.4deg)}.gallery-item{display:block;width:100%;padding:0;border:0;background:#e7edff;position:relative}.gallery-item img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover}.zoom-label{position:absolute;right:5px;bottom:5px;background:#fffdf3dc;padding:3px 9px;font-size:10px;border-radius:3px}.gallery-grid figcaption{padding:14px 8px 0;font-size:14px}.gallery-grid figcaption span{display:block;font-size:10px;color:#9390ab;margin-top:4px}.gallery-grid+.fine-print{margin:15px}.music-room{text-align:center;border:1px solid #c4c7e6;max-width:740px;margin:0 auto 25px;padding:15px 20px 30px;background:url('assets/sparkle-tile.svg'),radial-gradient(ellipse at top,#edf3ff,#fff6fd);box-shadow:4px 4px #edeafb}.music-moon{color:#dfbf74;text-shadow:0 0 10px #fff;font-size:100px;font-family:serif;line-height:1.5}.music-moon span{font-size:32px;vertical-align:top;color:#b99ddb}.music-room h3{font-family:"Yu Mincho",serif;font-size:25px;margin:15px}.music-room p{font-size:13px;line-height:2}.music-play{min-width:190px;margin:15px 0}.volume-label{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px;font-size:12px}.volume-label input{width:140px;accent-color:#ac85d1}.volume-label output{width:34px}.music-bars{display:flex;justify-content:center;align-items:center;gap:4px;height:32px;margin-top:15px}.music-bars i{width:5px;height:5px;background:#b28dce}.music-playing .music-bars i{animation:equalizer 1.1s ease-in-out infinite alternate}.music-bars i:nth-child(2n){animation-delay:-.2s}.music-bars i:nth-child(3n){animation-delay:-.5s}.music-bars i:nth-child(4n){animation-delay:-.7s}@keyframes equalizer{from{height:5px}to{height:29px}}.link-directory{border:1px solid #c2cbe6;margin:15px 5px;background:white}.link-directory>a{display:grid;grid-template-columns:190px minmax(0,1fr) 18px;align-items:center;gap:22px;padding:20px;text-decoration:none;border-bottom:1px dashed #c9d1e6}.link-directory>a:last-child{border-bottom:0}.link-directory>a:hover{background:#f7f0ff}.link-directory strong{font-size:15px}.link-directory small{display:block;font-size:12px;font-weight:normal;margin-top:6px}.site-stamp{font-size:18px;letter-spacing:.02em;text-align:center;border:3px ridge #d2d8f2;padding:8px 2px;line-height:1.6;font-weight:bold;color:#fff;text-shadow:1px 1px #546296}.site-stamp small{font-size:9px;margin:0}.blue-stamp{background:linear-gradient(145deg,#6593ce,#6f63a8)}.teal-stamp{background:linear-gradient(145deg,#59a59e,#366992)}.pink-stamp{background:linear-gradient(145deg,#e392b7,#9b83be);font-size:16px}.green-stamp{background:linear-gradient(145deg,#8bba93,#5982ad);font-size:14px}.link-note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;margin-top:20px}.link-note svg{width:24px;height:24px}.contact-paper{text-align:center;padding:40px 20px}.large-icon{width:75px;height:75px}.contact-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:27px 0}.local-notice{font-size:12px;color:#7b7092;background:#fff2f9;border:1px dotted #dabbd6;padding:12px 16px;margin:20px 0;line-height:1.8}.note-form{padding:20px;background:#f6f5ff;border:1px solid #bdc6e6;max-width:740px;margin:auto}.note-form label{display:block;font-size:12px;margin:0 0 15px}.note-form input,.note-form textarea{display:block;width:100%;border:2px inset #d5dcec;border-radius:2px;background:#fff;padding:8px 10px;margin-top:6px;color:#36538f;font-size:14px;line-height:1.6}.note-form input{max-width:310px}.note-form textarea{resize:vertical}.note-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-form-bottom small{font-size:10px;color:#928aa4}.notes-list{max-width:740px;margin:20px auto}.note-entry{background:#fffdf6;border:1px solid #dbd5e6;box-shadow:2px 3px #f0eaf7;margin:15px 0;padding:15px 18px;overflow-wrap:anywhere}.note-entry header{display:flex;align-items:center;gap:10px;font-size:12px}.note-entry time{margin-left:auto;font-size:10px;color:#7d7a93}.note-entry p{font-size:14px;white-space:pre-wrap}.note-entry button{display:block;margin-left:auto;background:white;border:1px solid #d2cee3;padding:1px 8px;font-size:10px}.empty-notes{text-align:center;font-size:13px;color:#8d86a1;padding:25px 10px}#image-dialog{border:3px ridge #d0d7f4;border-radius:5px;background:#f6f7ff;color:#476197;padding:35px 16px 10px;width:min(1050px,94vw);max-width:none;max-height:92dvh;box-shadow:0 15px 55px #14244a88}#image-dialog::backdrop{background:#152746b8;backdrop-filter:blur(5px)}#large-image{display:block;margin:auto;max-height:72dvh;object-fit:contain;width:auto;max-width:100%}#close-image{position:absolute;right:7px;top:5px;background:linear-gradient(#fff,#cedcfe);border:1px solid #8099d4;font-size:21px;line-height:1;width:26px;height:25px}#image-caption{text-align:center;font-size:12px;margin:12px 0 0}.title-spark,.hero-corner,.tiny-star{animation:twinkle 4s ease-in-out infinite alternate}.spark-two{animation-delay:-2s}@keyframes twinkle{0%,30%{opacity:.6}75%,100%{opacity:1}}.effects-off *{animation:none!important;scroll-behavior:auto!important}

/* Small, dense sidebar widgets echo the original personal-homepage layout. */
.counter-box{margin-top:12px;padding:5px;font-size:11px}.counter-box p{line-height:1.45;margin:0}.counter-box output{font-size:26px;line-height:1.1;margin:4px auto}.counter-box small{font-size:8px;line-height:1.3;display:block}.sound-widget{margin:9px 0 5px}.sound-widget button{padding:3px}.sound-widget small{font-size:8px;line-height:1.2}.link-banners{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.link-banners>p:first-child,.link-free{grid-column:1/-1}.link-banners>p:first-child{font-size:11px;margin:0}.mini-banner{width:100%;margin:0;font-size:9px;min-height:44px;padding:7px 2px}.mini-banner small{font-size:7px;letter-spacing:0}.link-free{margin:2px 0}.hero-art{object-position:50% 66%}
@media(min-width:1500px){body{padding-top:6px}}@media(max-width:1150px){.masthead{grid-template-columns:200px 1fr 230px}.site-columns{grid-template-columns:200px minmax(0,1fr)}.skyline{left:200px}.masthead-note{font-size:11px;padding-right:8px;gap:6px}.masthead-note .crescent{font-size:50px}.masthead-title p{font-size:12px}.masthead h1{font-size:48px}.masthead-title{padding:0 8px}.spark-one{left:3px;font-size:24px}.home-lower{grid-template-columns:minmax(0,1fr) 185px;gap:12px}.hero-copy{left:23px;top:23px;width:62%}.hero-copy h2{font-size:30px}.hero-frame{height:350px}.quick-links{gap:7px}.quick-links a{gap:7px;padding:12px 6px}.quick-links svg{width:31px;height:31px}.quick-links strong{font-size:16px}.quick-links small{font-size:9px}.ribbon-heading{gap:6px;font-size:21px}.ribbon-heading small{font-size:10px}.ribbon-heading b{display:none}.menu-link{padding-left:9px;gap:9px}.sidebar{padding:11px 10px}.counter-box output{font-size:25px}.mini-banner{width:100%}.hamster-note svg{width:56px}.hamster-note p{font-size:11px}.site-footer{font-size:10px;gap:12px}.site-footer small{font-size:9px}.reading-paper{padding:20px}.link-directory>a{grid-template-columns:160px minmax(0,1fr) 14px;gap:15px;padding:15px}}
@media(max-width:900px){body{padding:0 10px 12px}.masthead{height:151px;grid-template-columns:180px 1fr 140px}.site-columns{grid-template-columns:180px minmax(0,1fr)}.skyline{left:180px}.masthead h1{font-size:43px}.masthead-note p{display:none}.masthead-note{justify-content:center;padding:0 0 25px}.masthead-note .crescent{font-size:70px}.masthead-title p{font-size:11px}.sidebar{padding:10px 8px}.menu-link{gap:8px}.menu-link>span{font-size:16px}.menu-link small{font-size:8px}.menu-heading{font-size:19px}.hero-frame{height:337px}.hero-art{object-position:63% center}.hero-copy{width:66%;left:18px;top:20px}.hero-copy h2{font-size:27px}.hero-intro{font-size:10px}.hero-kicker{font-size:9px}.home-lower{grid-template-columns:1fr}.memory-postcard{display:none}.quick-links a{flex-direction:column;gap:5px;text-align:center}.quick-links small{font-size:9px}.quick-links svg{width:30px;height:30px}main{padding:12px}.counter-box output{font-size:23px}.mini-banner{width:100%;font-size:8px}.hamster-note svg{width:45px}.hamster-note p{font-size:10px}.home-signoff{font-size:9px}.site-footer>span{max-width:270px}.site-footer small{max-width:230px;text-align:center}.gallery-grid{gap:15px;padding:0 5px}.gallery-grid figcaption{font-size:12px}.link-directory>a{grid-template-columns:130px minmax(0,1fr) 12px;gap:10px;padding:13px}.site-stamp{font-size:14px}.site-stamp.green-stamp{font-size:11px}.link-directory strong{font-size:13px}.link-directory small{font-size:10px}}
@media(max-width:700px){body{padding:0 7px 12px;font-size:14px}.above-site{font-size:8px;padding:6px 2px;letter-spacing:0;gap:6px}.masthead{height:146px;grid-template-columns:74px 1fr 26px}.welcome-pc{font-size:9px;border-right:1px solid #cfdbef}.welcome-pc .pc-icon{width:46px;height:46px}.welcome-pc small{font-size:8px}.masthead-title{margin-top:-12px;padding:0 5px}.masthead h1{font-size:clamp(32px,7.8vw,52px);-webkit-text-stroke:1.5px #3d64c7;letter-spacing:.015em;text-shadow:0 3px 0 #ffdf7b,0 5px 0 #5481d6,2px 6px 0 white}.masthead-title p{font-size:9px;letter-spacing:0;margin-top:15px;white-space:normal}.masthead-note{align-items:flex-start;padding-top:15px;padding-right:5px}.masthead-note .crescent{font-size:31px}.tiny-star{right:8px;top:65px;font-size:16px}.spark-one{left:-5px;top:-19px;font-size:23px}.spark-two{right:8px;bottom:-21px;font-size:23px}.skyline{left:74px;height:30px;opacity:.4;background-size:auto 38px}.welcome-strip{padding:5px 8px;gap:4px;min-height:36px;font-size:10px;letter-spacing:0}.welcome-strip b{font-size:13px;margin-right:2px}.updated{font-size:8px}.updated b{display:none}.site-columns{display:block}.sidebar{border-right:0;border-bottom:2px solid #c5bde4;padding:8px 9px;background:linear-gradient(90deg,#ffedf8,#edf0ff);box-shadow:inset 0 -2px white}.menu-heading{font-size:14px;position:relative;padding:2px}.menu-disclosure{display:block;position:absolute;right:12px;font-size:18px;color:#516fac;line-height:1}.menu-heading>span:not(.menu-disclosure){font-size:17px}#site-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px}.menu-link{height:49px;justify-content:center;padding:4px 2px;gap:3px;border-radius:4px}.menu-link svg{width:20px;height:20px}.menu-link>span{font-size:11px;line-height:1.2;letter-spacing:0}.menu-link small{font-size:7px;letter-spacing:0;margin-top:3px;white-space:nowrap}.counter-box,.hamster-note,.sound-widget,.link-banners{display:none}main{padding:10px 9px;min-height:500px}.hero-frame{height:440px;border-radius:4px}.hero-art{height:100%;object-position:80% top}.hero-frame:after{background:linear-gradient(180deg,#21478622,transparent 40%,#19395d94 80%,#243d628f)}.hero-copy{top:auto;bottom:18px;left:20px;width:90%}.hero-kicker{font-size:9px}.hero-copy h2{font-size:27px;line-height:1.4;letter-spacing:.04em;margin-bottom:11px}.hero-copy h2 br:first-child{display:none}.hero-intro{font-size:10px;line-height:1.8;margin-bottom:8px}.hero-link{font-size:10px}.hero-corner{font-size:24px;right:10px}.home-lower{margin:15px 0}.ribbon-heading{font-size:21px;height:32px;gap:7px}.ribbon-heading small{font-size:9px}.ribbon-heading svg{width:25px;height:25px}.news-list{font-size:11px}.news-list li{grid-template-columns:77px 1fr;gap:7px;padding:9px 1px}.news-list time{font-size:10px;line-height:1.8}.news-note{font-size:9px}.quick-links{gap:7px}.quick-links a{min-height:123px;padding:10px 4px;gap:6px;border-radius:5px}.quick-links svg{width:32px;height:32px}.quick-links strong{font-size:14px}.quick-links small{font-size:8px;line-height:1.6}.home-signoff{font-size:8px;line-height:1.8;margin:15px 0 4px}.site-footer{justify-content:center;flex-wrap:wrap;gap:3px 13px;padding:8px;font-size:10px;text-align:center}.site-footer>span{max-width:none;width:100%}.site-footer small{margin-left:0;font-size:9px;max-width:none}.site-footer b{font-size:15px}.under-site{flex-wrap:wrap;gap:4px 10px;font-size:8px;line-height:1.4}.under-site>span:last-child{display:none}.under-site button{font-size:9px}.page-heading{font-size:24px;margin-bottom:18px;padding:5px 9px;gap:8px}.page-heading small{font-size:11px;margin-left:2px}.page-heading svg{width:27px;height:27px}.reading-paper{padding:15px 17px}.reading-paper h3{font-size:24px;margin:15px 0}.reading-paper p{font-size:12px;line-height:2}.section-kicker{font-size:10px}.work-status{padding:8px;gap:9px}.work-status svg{width:50px;height:48px}.work-status p{font-size:10px}.work-status strong{font-size:12px}.work-details{font-size:11px}.fine-print{font-size:10px!important}.retro-button{font-size:12px;padding:7px 13px;min-height:42px}.diary-entry{padding:10px 17px 25px;font-size:12px;line-height:2.6667}.diary-entry h3{font-size:20px}.diary-date{font-size:9px}.diary-entry details{font-size:11px;line-height:1.9}.panel-lead{font-size:12px;padding:0 5px}.gallery-grid{grid-template-columns:1fr;gap:26px;padding:5px 12px}.gallery-grid figure{padding:9px}.gallery-grid figcaption{font-size:14px}.music-room{padding:10px 12px 25px}.music-room h3{font-size:20px;margin:13px 0}.music-room p{font-size:12px}.music-moon{font-size:83px}.link-directory{margin:10px 0}.link-directory>a{grid-template-columns:112px minmax(0,1fr) 10px;padding:15px 9px;gap:10px}.site-stamp{font-size:12px;border-width:2px}.site-stamp small{font-size:8px}.site-stamp.pink-stamp{font-size:11px}.site-stamp.green-stamp{font-size:10px}.link-directory strong{font-size:12px}.link-directory small{font-size:10px;line-height:1.6}.link-note{align-items:flex-start;font-size:10px;gap:6px}.contact-paper{padding:30px 15px}.contact-actions{gap:15px;margin:22px 0}.local-notice{font-size:11px;padding:10px 12px}.note-form{padding:13px}.note-entry{padding:12px}.note-entry header{flex-wrap:wrap;gap:3px 10px}.note-entry time{font-size:9px}.note-entry p{font-size:12px}.note-form input,.note-form textarea{font-size:16px}.note-form-bottom small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}