*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Tahoma,Angsana New,Noto Sans Thai,sans-serif;color:#2b0a4a;line-height:1.6;cursor:default;background:#0d0620;color-scheme:light}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:#0033cc}main{width:100%;margin:0;padding:0 28px 56px;display:flex;flex-direction:column;gap:22px}.star-bg-page{background-color:#1a0a2e;background-image:radial-gradient(circle at 10% 20%,#fff176 0 2px,transparent 3px),radial-gradient(circle at 55% 55%,#fff176 0 1.5px,transparent 2.5px),radial-gradient(circle at 80% 15%,#ff6ec7 0 2px,transparent 3px),radial-gradient(circle at 30% 78%,#6ec1ff 0 1.5px,transparent 2.5px),radial-gradient(circle at 92% 85%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 15% 60%,#7dffb0 0 1px,transparent 2px);background-size:140px 140px;background-repeat:repeat}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:6px;border:2px outset #d9a5f0;background:#f5c6ec;color:#4a0d5c;font-size:.9rem;font-weight:700;text-decoration:none}.btn:active{border-style:inset}.btn.btn-outline{background:#fffbe8;border:2px outset #ffd447;color:#6b4a00}.btn.btn-primary{background:linear-gradient(135deg,#ff6ec7,#7b2fff);border-color:#ff9de7;color:#fff}.btn.btn-sm{padding:6px 12px;font-size:.8rem}.nav-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.section-title{font-size:1.1rem;margin:0 0 8px;color:#ff2fa0;text-align:center}.local-only-note,.music-corner-note{font-size:.75rem;color:#6b4a8c;text-align:center;background:#f4e8ff;border:1px dashed #b98fe0;border-radius:8px;padding:6px 10px}.empty-note{color:#8a6ba8;font-style:italic;list-style:none}.dead-links-panel,.guestbook-panel,.hit-counter,.horoscope-corner,.music-corner,.profile-card,.quiz-panel,.retro-panel,.shoutbox-panel{background:rgba(255,255,255,.94);border:3px double #ff6ec7;border-radius:12px;padding:16px;position:relative}.museum-toggle-dock{position:fixed;top:10px;right:10px;z-index:10000}.museum-toggle-btn{border:2px outset #ffd447;background:#fff3b0;color:#6b4a00;border-radius:8px;padding:8px 12px;font-weight:700;font-size:.8rem;box-shadow:2px 2px 0 rgba(0,0,0,.25)}.museum-toggle-btn.active{background:#7dffb0;border-color:#2c8c56;color:#06170c}.museum-info-btn{border:2px outset #ffd447;background:#fff3b0;border-radius:999px;width:26px;height:26px;line-height:1;font-size:.85rem;margin-left:6px;vertical-align:middle}.museum-overlay{position:fixed;inset:0;background:rgba(18,14,10,.55);display:flex;align-items:center;justify-content:center;z-index:10001;padding:16px;animation:museum-overlay-in .18s ease-out both}.museum-overlay.is-closing{animation:museum-overlay-out .18s ease-in both}.museum-card{background:#fdfcf7;color:#2a2620;max-width:460px;width:100%;border-radius:3px;padding:26px 26px 22px;max-height:82vh;overflow-y:auto;border:1px solid #ded6bf;box-shadow:0 20px 44px rgba(20,14,4,.28);font-family:var(--font-trirong,"Noto Serif Thai",Georgia,serif);animation:museum-card-in .22s cubic-bezier(.2,.9,.3,1) both}.museum-card.is-closing{animation:museum-card-out .18s ease-in both}@keyframes museum-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes museum-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes museum-card-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes museum-card-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.98)}}.museum-card-header{display:flex;align-items:flex-start;gap:12px}.museum-card-mark{font-size:1.05rem;opacity:.5;line-height:1;margin-top:2px}.museum-card-heading{flex:1 1;min-width:0}.museum-card-eyebrow{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-feature-settings:"smcp";font-variant:small-caps;font-size:.68rem;letter-spacing:.12em;color:#8a7c5e}.museum-card-heading h3{margin:0;font-size:1.15rem;font-weight:600;line-height:1.4;color:#241f14}.museum-card-close{border:none;background:transparent;font-size:.95rem;color:#a49873;padding:4px;line-height:1}.museum-card-close:hover{color:#241f14}.museum-card-rule{border:none;border-top:1px solid #e5dfca;margin:16px 0 14px}.museum-card-body dt.museum-card-label{font-family:Georgia,Times New Roman,serif;font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.1em;font-size:.68rem;color:#8a7c5e;margin-top:14px}.museum-card-body dt.museum-card-label:first-child{margin-top:0}.museum-card-body dd{margin:4px 0 0;font-size:.92rem;line-height:1.75;color:#2a2620}.museum-card-ok{margin-top:18px;width:100%;border:1px solid #241f14;background:transparent;color:#241f14;border-radius:2px;padding:9px 16px;font-family:var(--font-trirong,"Noto Serif Thai",Georgia,serif);font-size:.85rem;letter-spacing:.02em}.museum-card-ok:hover{background:#241f14;color:#fdfcf7}.glitter-header{text-align:center;padding-top:16px;position:relative}.glitter-text{font-family:Comic Sans MS,Cordia New,cursive;font-size:1.8rem;margin:4px 0;background:linear-gradient(90deg,#ff004c,#ff9d00,#fff700,#00ff6a,#00c3ff,#7b2fff,#ff004c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glitter-shift 4s linear infinite;text-shadow:0 0 10px rgba(255,255,255,.5)}.glitter-subtitle{color:#fff176;font-size:.85rem;text-shadow:1px 1px 2px #7b2fff}@keyframes glitter-shift{to{background-position:300% 0}}.marquee-wrap{overflow:hidden;border:2px solid #fff176;background:#1a0a2e;padding:8px 0;border-radius:8px}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 14s linear infinite}.marquee-content{white-space:nowrap;padding-right:48px;color:#7dffb0;font-family:Courier New,monospace;font-size:.9rem}@keyframes marquee-scroll{to{transform:translateX(-50%)}}.under-construction{text-align:center}.construction-stripes{height:12px;background:repeating-linear-gradient(45deg,#ffd447 0 12px,#1a0a2e 12px 24px);border-radius:2px}.construction-text{font-weight:700;color:#ffd447;background:#1a0a2e;padding:6px;margin:0;animation:blink-text 1s steps(1) infinite}@keyframes blink-text{50%{opacity:.25}}.hit-counter{text-align:center}.hit-counter-label{margin:0 0 6px;font-size:.8rem;color:#6b4a8c}.hit-counter-digits{display:flex;gap:3px;justify-content:center}.hit-counter-digit{background:#0a0a0a;color:#33ff66;font-family:Courier New,monospace;font-weight:700;font-size:1.3rem;padding:4px 7px;border:2px inset #666;min-width:1em;text-align:center}.music-corner{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.music-corner-title{margin:0;font-weight:700;color:#7b2fff}.mv-embed{width:100%;max-width:560px;aspect-ratio:16/9;height:auto;border:3px ridge #ff6ec7;border-radius:8px}.retro-input{width:100%;padding:7px 9px;border:2px inset #b98fe0;border-radius:4px;font-family:inherit;font-size:.85rem;background:#fffbe8}.guestbook-form,.shoutbox-form{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.shoutbox-form{flex-direction:row;flex-wrap:wrap}.shoutbox-name{flex:0 0 100px}.shoutbox-text{flex:1 1 160px}.guestbook-list,.shoutbox-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.guestbook-list li,.shoutbox-list li{background:#fdf0ff;border:1px solid #e5b8f5;border-radius:6px;padding:6px 10px;font-size:.85rem}.quiz-question{border:1px dashed #b98fe0;border-radius:8px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.quiz-question legend{font-weight:700;color:#ff2fa0;padding:0 6px;font-size:.88rem;text-wrap:pretty}.quiz-option{text-align:left;border:3px outset #d9a5f0;background:#fffbe8;border-radius:6px;padding:7px 10px;font-size:.83rem;color:#4a0d5c;box-shadow:2px 2px 0 rgba(123,47,255,.15)}.quiz-option.selected{background:#7dffb0;border-color:#2c8c56;border-style:inset}.quiz-actions{display:flex;gap:8px;justify-content:center;margin-top:6px}.quiz-result{margin-top:14px;text-align:center;background:#fff3b0;border:2px solid #ffd447;border-radius:8px;padding:12px}.quiz-result-tier{font-weight:700;font-size:1.05rem;color:#ff2fa0;margin:0 0 6px}.quiz-result-message{margin:0;font-size:.85rem}.dead-links-panel{text-align:center}.dead-links-table{margin:0 auto}.dead-link-btn{white-space:nowrap}.horoscope-corner{text-align:center}.horoscope-text{font-size:.88rem;text-wrap:pretty}.profile-card{text-align:center}.profile-card p{text-wrap:pretty}.best-viewed-badge{text-align:center}.best-viewed-svg{width:150px;height:40px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#1a0a2e;color:#fff176;padding:10px 16px;border-radius:8px;display:flex;gap:12px;align-items:center;z-index:10002;border:2px solid #ff6ec7;font-size:.85rem;max-width:90vw}.toast-close{border:none;background:transparent;color:#fff176;font-size:.9rem;padding:0 2px}.sparkle-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}.sparkle-particle{position:fixed;font-size:16px;transform:translate(-50%,-50%);animation:sparkle-fade .6s ease-out forwards}@keyframes sparkle-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.2) translateY(-24px)}}.mobile-800-banner{display:none}@media (max-width:820px){.mobile-800-banner{display:block;background:#1a0a2e;color:#fff176;text-align:center;font-size:.78rem;padding:8px 12px;border-bottom:2px dashed #ffd447}.museum-toggle-dock{top:auto;bottom:10px}.dead-link-btn{white-space:normal}}header.app-header{text-align:center;padding:28px 16px 0;font-family:var(--font-trirong,"Noto Serif Thai",Georgia,serif)}header.app-header h1{font-size:1.5rem;font-weight:600;margin:0 0 10px;color:#e9dfc4}footer.app-footer{text-align:center;padding:20px 16px 8px;font-size:.75rem;color:#6b4a8c}.method-content{background:#fdfcf7;color:#2a2620;border:1px solid #ded6bf;border-radius:3px;padding:26px 28px;box-shadow:0 12px 30px rgba(20,14,4,.14);font-family:var(--font-trirong,"Noto Serif Thai",Georgia,serif)}.method-content h2{font-family:Georgia,Times New Roman,serif;font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.08em;font-size:.95rem;margin-top:26px;color:#8a7c5e}.method-content h2:first-child{margin-top:0}.method-content li,.method-content p{font-size:.92rem;line-height:1.75}.method-content ul{padding-left:20px}@media (prefers-reduced-motion:reduce){.glitter-text{background-position:0 0}.glitter-text,.marquee-track{animation:none}.marquee-content:nth-child(2){display:none}.construction-text{animation:none;opacity:1}.sparkle-particle{display:none}.museum-card,.museum-overlay{animation:none;opacity:1;transform:none}}@font-face{font-family:Trirong;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8abfaf70866df1d7-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Trirong;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/003838ce7f1575b1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Trirong;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/73ec69299014a469-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Trirong;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/32ab66af988a2a1c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Trirong;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b54277bea1d9a67c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Trirong;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8f96214dd21e78af-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Trirong;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e008a6f808d06cbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Trirong;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/23bbc2928bf80881-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Trirong Fallback;src:local("Times New Roman");ascent-override:101.77%;descent-override:45.29%;line-gap-override:0.00%;size-adjust:117.91%}.__className_43c436{font-family:Trirong,Trirong Fallback;font-style:normal}.__variable_43c436{--font-trirong:"Trirong","Trirong Fallback"}