*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:0 0;color:inherit}img{max-width:100%;display:block}:root{--bg-deep:#0a0c14;--bg:#0f1119;--surface:#161a26;--surface-hover:#1c2030;--border:#252a3a;--accent:#d4a853;--accent-glow:rgba(212, 168, 83, 0.15);--accent-dim:#a88636;--text:#e0dbd1;--text-secondary:#8a8693;--text-muted:#4e4b57;--mood-calm:#6db88a;--mood-happy:#e2c04d;--mood-sad:#6f9fd4;--mood-lost:#a78bca;--mood-grateful:#d4976a;--mood-secret:#c07dab;--max-w:1120px;--max-w-content:660px;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--radius:6px;--radius-lg:12px}body{font-family:noto serif sc,songti sc,stsong,Georgia,serif;font-size:1rem;line-height:1.8;color:var(--text);min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 15% 50%,rgba(20,30,60,.4) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(15,20,45,.3) 0%,transparent 45%),var(--bg-deep)}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:1}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--space-md);position:relative;z-index:2}.content-narrow{max-width:var(--max-w-content);margin:0 auto;padding:0 var(--space-md);position:relative;z-index:2}.moon-hero{text-align:center;padding:var(--space-2xl)0 0;position:relative;z-index:2}.hero-title{font-family:playfair display,noto serif sc,Georgia,serif;font-size:1.8rem;font-weight:400;color:var(--text);letter-spacing:.08em}.moon-text{margin-top:var(--space-sm);color:var(--text-muted);font-family:dm mono,courier new,monospace;font-size:.9rem}.moon{width:64px;height:64px;border-radius:50%;margin:0 auto;background:radial-gradient(circle at 35% 35%,#e8e0d0 0%,#c8b898 40%,#a09080 70%,#706050 100%);box-shadow:0 0 40px rgba(212,168,83,.3),0 0 80px rgba(212,168,83,.15);animation:moonFloat 6s ease-in-out infinite}.moon-text{margin-top:var(--space-lg);color:var(--text-muted);font-family:dm mono,courier new,monospace;font-size:.9rem}@keyframes moonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.hole-grid{padding:var(--space-2xl)0 var(--space-xl);position:relative;z-index:2}.section-title{font-family:playfair display,noto serif sc,Georgia,serif;font-size:1.2rem;font-weight:400;color:var(--text-secondary);margin-bottom:var(--space-lg);letter-spacing:.05em;max-width:660px;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:1fr;gap:var(--space-sm);max-width:800px;margin:0 auto}.hole-card{display:block;background:var(--surface);border-radius:var(--radius);padding:var(--space-md);text-decoration:none;color:var(--text);transition:background .3s ease,transform .3s ease;opacity:0;animation:fadeUp .6s ease forwards}.hole-card:hover{background:var(--surface-hover);transform:translateY(-2px);cursor:pointer}.hole-card__body{font-family:noto serif sc,songti sc,Georgia,serif;font-size:.95rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hole-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm)}.hole-card__meta-left{display:flex;align-items:center;gap:2rem}.hole-card__author{font-family:dm mono,monospace;font-size:.75rem;color:var(--text-muted)}.mood-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.mood-dot[data-mood=calm]{background:var(--mood-calm)}.mood-dot[data-mood=happy]{background:var(--mood-happy)}.mood-dot[data-mood=sad]{background:var(--mood-sad)}.mood-dot[data-mood=lost]{background:var(--mood-lost)}.mood-dot[data-mood=grateful]{background:var(--mood-grateful)}.mood-dot[data-mood=secret]{background:var(--mood-secret)}.hole-card__time{font-family:dm mono,monospace;font-size:.75rem;color:var(--text-muted)}.hole-card:nth-child(1){animation-delay:0s}.hole-card:nth-child(2){animation-delay:.08s}.hole-card:nth-child(3){animation-delay:.16s}.hole-card:nth-child(4){animation-delay:.24s}.hole-card:nth-child(5){animation-delay:.32s}.hole-card:nth-child(6){animation-delay:.4s}.hole-card:nth-child(7){animation-delay:.48s}.hole-card:nth-child(8){animation-delay:.56s}.hole-card:nth-child(9){animation-delay:.64s}.hole-card:nth-child(10){animation-delay:.72s}.hole-card:nth-child(11){animation-delay:.8s}.hole-card:nth-child(12){animation-delay:.88s}.hole-card:nth-child(13){animation-delay:.96s}.hole-card:nth-child(14){animation-delay:1.04s}.hole-card:nth-child(15){animation-delay:1.12s}.hole-card:nth-child(16){animation-delay:1.2s}.hole-card:nth-child(17){animation-delay:1.28s}.hole-card:nth-child(18){animation-delay:1.36s}.hole-card:nth-child(19){animation-delay:1.44s}.hole-card:nth-child(20){animation-delay:1.52s}.pagination{text-align:center;margin-top:var(--space-xl)}.pagination__link{font-family:noto serif sc,Georgia,serif;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.pagination__link:hover{color:var(--accent);border-bottom-color:var(--border)}.pagination--end{color:var(--text-muted);font-family:dm mono,monospace;font-size:.9rem;line-height:2}.detail-page{min-height:100vh}.detail-page[data-mood=calm]{background:radial-gradient(ellipse at 50% 30%,rgba(109,184,138,3%) 0%,transparent 70%),var(--bg-deep)}.detail-page[data-mood=happy]{background:radial-gradient(ellipse at 50% 30%,rgba(226,192,77,3%) 0%,transparent 70%),var(--bg-deep)}.detail-page[data-mood=sad]{background:radial-gradient(ellipse at 50% 30%,rgba(111,159,212,3%) 0%,transparent 70%),var(--bg-deep)}.detail-page[data-mood=lost]{background:radial-gradient(ellipse at 50% 30%,rgba(167,139,202,3%) 0%,transparent 70%),var(--bg-deep)}.detail-page[data-mood=grateful]{background:radial-gradient(ellipse at 50% 30%,rgba(212,151,106,3%) 0%,transparent 70%),var(--bg-deep)}.detail-page[data-mood=secret]{background:radial-gradient(ellipse at 50% 30%,rgba(192,125,171,3%) 0%,transparent 70%),var(--bg-deep)}.detail-layout{display:grid;grid-template-columns:180px 1fr 180px;max-width:1600px;margin:0 auto;padding:var(--space-2xl)var(--space-md);gap:3rem;min-height:100vh;position:relative;z-index:2}.detail-content{max-width:1200px;margin:0 auto;width:100%}.detail-mood-line{width:40px;height:2px;margin:0 auto var(--space-xl);opacity:.6}.detail-page[data-mood=calm] .detail-mood-line{background:var(--mood-calm)}.detail-page[data-mood=happy] .detail-mood-line{background:var(--mood-happy)}.detail-page[data-mood=sad] .detail-mood-line{background:var(--mood-sad)}.detail-page[data-mood=lost] .detail-mood-line{background:var(--mood-lost)}.detail-page[data-mood=grateful] .detail-mood-line{background:var(--mood-grateful)}.detail-page[data-mood=secret] .detail-mood-line{background:var(--mood-secret)}.detail-body{font-family:noto serif sc,songti sc,Georgia,serif;font-size:1.1rem;line-height:2;letter-spacing:.02em;color:var(--text)}.detail-body p{margin-bottom:1.8em}.detail-body p:last-child{margin-bottom:0}.detail-divider{width:40px;height:2px;margin:var(--space-xl)auto;border:none;background:var(--border);opacity:.5}.detail-signature{text-align:right;font-family:noto serif sc,Georgia,serif;font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-lg)}.detail-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.detail-nav span:empty{display:block}.detail-nav__link{font-family:noto serif sc,Georgia,serif;font-size:.9rem;color:var(--text-muted);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.detail-nav__link:first-child{justify-self:start}.detail-nav__link:last-of-type{justify-self:end}.detail-nav__link:hover{color:var(--text-secondary);border-bottom-color:var(--border)}.detail-nav__home{font-family:dm mono,monospace;font-size:.8rem;color:var(--text-muted);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease;padding:.3em 1em}.detail-nav__home:hover{color:var(--accent);border-bottom-color:var(--accent)}.heard-wrap{text-align:center;margin:var(--space-lg)0}.heard-btn{font-family:noto serif sc,Georgia,serif;font-size:.9rem;padding:.6em 1.8em;border-radius:100px;border:1px solid var(--border);color:var(--text-secondary);background:0 0;transition:all .3s ease}.heard-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.heard-btn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);box-shadow:0 0 20px rgba(212,168,83,.1)}.submit-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl)var(--space-md);position:relative;z-index:2}.submit-card{max-width:var(--max-w-content);width:100%;text-align:center}.submit-card__title{font-family:playfair display,noto serif sc,Georgia,serif;font-size:1.6rem;font-weight:400;color:var(--text);margin-bottom:var(--space-xs)}.submit-card__subtitle{font-family:dm mono,monospace;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-xl)}.submit-field{position:relative;margin-bottom:var(--space-sm)}.submit-field__hint{display:block;font-family:noto serif sc,Georgia,serif;font-size:.7rem;color:var(--text-muted);opacity:.6;margin-top:.25rem;padding-left:.1rem;letter-spacing:.03em}.submit-form__btn{flex-direction:row;gap:.5rem;align-items:baseline}.submit-form__btn .bi__secondary{font-size:.7em;opacity:.6}.submit-form__btn .bi__secondary::before{content:'·';margin-right:.4rem;opacity:.4}.submit-form__author{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-sm)var(--space-md);font-family:dm mono,monospace;font-size:.85rem;color:var(--text);transition:border-color .3s ease}.submit-form__author::placeholder{color:var(--text-muted)}.submit-form__author:focus{outline:none;border-color:var(--accent-dim)}.submit-form textarea{width:100%;min-height:200px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);font-family:noto serif sc,Georgia,serif;font-size:1rem;line-height:1.8;color:var(--text);resize:vertical;transition:border-color .3s ease}.submit-form textarea::placeholder{color:var(--text-muted)}.submit-form textarea:focus{outline:none;border-color:var(--accent-dim)}.submit-form__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--space-md);padding:.7em 2em;background:var(--accent);color:var(--bg-deep);border-radius:var(--radius);font-family:noto serif sc,Georgia,serif;font-size:.95rem;transition:background .3s ease,transform .2s ease;letter-spacing:.02em}.submit-form__btn:hover{background:var(--accent-dim);transform:translateY(-1px)}.submit-form__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-form__btn .bi__secondary{font-size:.7em;opacity:.6}.submit-form__btn .bi__secondary::before{content:'·';margin-right:.4rem;opacity:.4}.submit-tips{margin-top:var(--space-lg);text-align:left}.submit-tips p{font-family:dm mono,monospace;font-size:.8rem;color:var(--text-muted);line-height:2.2}.submit-success{display:none;text-align:center;padding:var(--space-xl)0}.submit-success__icon{font-size:2.5rem;margin-bottom:var(--space-md)}.submit-success__text{font-family:noto serif sc,Georgia,serif;font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.submit-success__link{font-family:dm mono,monospace;font-size:.85rem;color:var(--accent);border-bottom:1px solid transparent;transition:border-color .3s ease}.submit-success__link:hover{border-bottom-color:var(--accent)}.static-page{padding:var(--space-2xl)0;min-height:80vh;position:relative;z-index:2}.static-page__content{max-width:var(--max-w-content);margin:0 auto;padding:0 var(--space-md)}.static-page__content h1{font-family:playfair display,noto serif sc,Georgia,serif;font-size:1.6rem;font-weight:400;color:var(--text);margin-bottom:var(--space-xs)}.static-page__subtitle{font-family:dm mono,monospace;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-xl)}.static-page--about .static-page__body{font-family:noto serif sc,Georgia,serif;font-size:1.05rem;line-height:2}.static-page--about .static-page__body p{margin-bottom:1.5em}.static-page--legal .static-page__body{font-family:dm mono,monospace;font-size:.9rem;line-height:1.8}.static-page--legal .static-page__body p{margin-bottom:1.2em}.static-page--legal .static-page__body ul{padding-left:1.5em;margin-bottom:1.2em}.static-page--legal .static-page__body li{margin-bottom:.4em}.static-page--legal .static-page__body h3{font-family:noto serif sc,Georgia,serif;font-size:1.1rem;font-weight:600;color:var(--text);margin:var(--space-lg)0 var(--space-sm)}.static-page--legal .static-page__body strong{color:var(--text);font-weight:400}.static-page__back{display:inline-block;margin-top:var(--space-xl);font-family:dm mono,monospace;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.static-page__back:hover{color:var(--text-secondary);border-bottom-color:var(--border)}.site-footer{margin-top:var(--space-2xl);padding:var(--space-lg)var(--space-md)var(--space-md);border-top:1px solid var(--border);text-align:center;font-family:dm mono,monospace;font-size:.8rem;color:var(--text-muted);position:relative;z-index:2}.site-footer__brand{margin-bottom:var(--space-xs)}.site-footer__tagline{margin-bottom:var(--space-md)}.site-footer__links{margin-bottom:var(--space-md);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0}.site-footer__link{padding:0 .4rem;transition:color .3s ease}.site-footer__link:hover{color:var(--text-secondary)}.site-footer__sep{opacity:.4}.site-footer__copy{font-size:.75rem;opacity:.6}.cookie-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(22,26,38,.95);border-top:1px solid var(--border);padding:var(--space-sm)var(--space-md);z-index:1000;align-items:center;justify-content:space-between;gap:var(--space-sm);font-family:dm mono,monospace;font-size:.8rem;color:var(--text-secondary);animation:slideUp .4s ease;max-height:10vh}.cookie-banner.is-closing{animation:slideDown .3s ease forwards}.cookie-banner__text a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.cookie-banner__btn{color:var(--accent);white-space:nowrap;font-family:dm mono,monospace;font-size:.8rem;transition:text-decoration .3s ease}.cookie-banner__btn:hover{text-decoration:underline}.fab{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5em;padding:.8em 1.4em;background:var(--accent);color:var(--bg-deep);border-radius:100px;font-family:noto serif sc,Georgia,serif;font-size:.9rem;z-index:100;opacity:0;animation:fadeIn .6s ease .8s forwards;transition:transform .3s ease,box-shadow .3s ease}.fab:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(212,168,83,.3)}.fab__icon{font-size:1.1em}.ad-sidebar{position:sticky;top:4rem;height:fit-content;align-self:start;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.ad-wrap{width:180px;height:150px;border-radius:var(--radius);overflow:hidden;opacity:.4;transition:opacity .3s ease}.ad-wrap:hover{opacity:.7}.ad-wrap--mobile{width:320px;max-width:100%;height:100px;margin:var(--space-lg)auto;display:none}.ad-placeholder{width:180px;height:150px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:.6;transition:opacity .3s ease}.ad-placeholder:hover{opacity:1}.ad-placeholder__label{font-family:dm mono,monospace;font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em}.ad-placeholder__size{font-family:dm mono,monospace;font-size:.65rem;color:var(--text-muted)}.ad-placeholder--mobile{width:320px;max-width:100%;height:100px;margin:var(--space-lg)auto;display:none}@media(max-width:767px){.ad-sidebar{display:none}.ad-wrap--mobile{display:block}.ad-placeholder--mobile{display:flex}}@media(min-width:768px) and (max-width:1023px){.ad-sidebar{display:none}}@media(min-width:1024px){.ad-wrap--mobile{display:none}.ad-placeholder--mobile{display:none}}.page-404{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}.page-404__icon{font-size:3rem;margin-bottom:var(--space-lg)}.page-404__text{font-family:noto serif sc,Georgia,serif;font-size:1rem;color:var(--text-secondary);line-height:2.2;margin-bottom:var(--space-lg)}.page-404__link{font-family:dm mono,monospace;font-size:.85rem;color:var(--accent);border-bottom:1px solid transparent;transition:border-color .3s ease}.page-404__link:hover{border-bottom-color:var(--accent)}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}.detail-content{opacity:0;animation:fadeUp 1.2s ease .2s both}.detail-signature{opacity:0;animation:fadeUp 1s ease .6s both}.heard-wrap{opacity:0;animation:fadeUp 1s ease .8s both}.detail-nav{opacity:0;animation:fadeUp .8s ease 1s both}@media(max-width:767px){.fab__text{display:none}.fab{width:52px;height:52px;padding:0;justify-content:center;border-radius:50%}.detail-layout{grid-template-columns:1fr;padding:var(--space-xl)var(--space-md)}.ad-sidebar{display:none}.ad-slot--mobile{display:flex}.site-footer__links{flex-direction:column;gap:.5rem}.site-footer__sep{display:none}.site-footer__link{padding:0}.cookie-banner{flex-direction:column;text-align:center;gap:.5rem;max-height:15vh}.submit-form textarea{min-height:180px}}@media(min-width:768px) and (max-width:1023px){.detail-layout{grid-template-columns:1fr;padding:var(--space-xl)var(--space-lg)}.ad-sidebar{display:none}.cards{gap:var(--space-md)}}@media(min-width:1024px){.ad-slot--mobile{display:none}}@media(min-width:1441px){.detail-layout{max-width:var(--max-w)}}.bi{display:flex;flex-direction:column;align-items:center;gap:.25rem;line-height:1.6}.bi__primary{font-family:playfair display,noto serif sc,Georgia,serif;color:var(--text)}.bi__secondary{font-family:noto serif sc,Georgia,serif;font-size:.75em;color:var(--text-muted);opacity:.65;letter-spacing:.04em}.bi--left{align-items:flex-start}.bi--left .bi__secondary{margin-left:0}.bi--inline{flex-direction:row;gap:.6rem;align-items:baseline}.bi--inline .bi__secondary::before{content:'·';margin-right:.5rem;opacity:.4}.hero-tagline .bi__primary{font-family:dm mono,monospace;font-size:.95rem;color:var(--text-secondary)}.hero-tagline .bi__secondary{font-size:.8rem}.section-title .bi__primary{font-family:playfair display,noto serif sc,Georgia,serif;font-size:1.2rem;font-weight:400;color:var(--text-secondary);letter-spacing:.05em}.section-title .bi__secondary{font-size:.7rem}.pagination__link .bi__primary{font-family:noto serif sc,Georgia,serif;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.pagination__link .bi__secondary{font-size:.7rem;border:none}.pagination__link:hover .bi__primary{color:var(--accent);border-bottom-color:var(--border)}.pagination--end .bi__primary{color:var(--text-muted);font-family:dm mono,monospace;font-size:.9rem}.pagination--end .bi__secondary{font-size:.75rem}.submit-card__title .bi__primary{font-family:playfair display,noto serif sc,Georgia,serif;font-size:1.6rem;font-weight:400;color:var(--text)}.submit-card__title .bi__secondary{font-size:.85rem}.submit-card__subtitle .bi__primary{font-family:dm mono,monospace;font-size:.85rem;color:var(--text-muted)}.submit-card__subtitle .bi__secondary{font-size:.75rem}.submit-tips .bi{align-items:flex-start;gap:.1rem}.submit-tips p{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.6rem}.submit-tips .bi__primary{font-family:dm mono,monospace;font-size:.8rem;color:var(--text-muted)}.submit-tips .bi__secondary{font-size:.7rem}.submit-success__text .bi__primary{font-family:noto serif sc,Georgia,serif;font-size:1rem;color:var(--text-secondary)}.submit-success__text .bi__secondary{font-size:.8rem}.page-404__text .bi__primary{font-family:noto serif sc,Georgia,serif;font-size:1rem;color:var(--text-secondary);line-height:2.2}.page-404__text .bi__secondary{font-size:.8rem}.detail-nav__home .bi__primary{font-family:dm mono,monospace;font-size:.8rem;color:var(--text-muted);border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.detail-nav__home .bi__secondary{font-size:.65rem;border:none}.detail-nav__home:hover .bi__primary{color:var(--accent);border-bottom-color:var(--accent)}.static-page__subtitle .bi__primary{font-family:dm mono,monospace;font-size:.85rem;color:var(--text-muted)}.static-page__subtitle .bi__secondary{font-size:.75rem}@media(max-width:767px){.bi__secondary{font-size:.65em}.bi--inline .bi__secondary{display:none}}