*{margin:0;padding:0;box-sizing:border-box}body{font-family:"M PLUS Rounded 1c","Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;background:#fff8f8;color:#5a4a4a;min-height:100vh}@media (min-width:768px){body{background:#fff8f8}}.dletter-main{min-height:calc(100vh - 100px);background-image:url(//h-destiny.jp/wp-content/themes/classy-child/css/../images/dletter-bg-sp.png);background-size:cover;background-position:top center;background-attachment:fixed;background-repeat:no-repeat;padding:24px 16px 60px}.dletter-main-inner{max-width:680px;margin:0 auto}@media (min-width:768px){.dletter-main{background-image:url(//h-destiny.jp/wp-content/themes/classy-child/css/../images/dletter-bg-pc.png)}}.dletter-header{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;border-bottom:2px solid rgba(232,180,180,.3);position:sticky;top:0;z-index:100}.dconnect-header-logo{padding:16px 20px 10px}.dconnect-logo-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.dconnect-logo-icon{width:42px;height:42px;opacity:1 !important;visibility:visible !important}.dconnect-logo-text{color:#e8a4b8;font-size:28px;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8);letter-spacing:2px}.dconnect-header-nav{display:flex;justify-content:center;gap:8px;padding:8px 16px 14px;background:rgba(255,248,248,.5)}.dconnect-nav-item{color:#c09090;text-decoration:none;font-size:13px;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .2s ease;background:rgba(255,255,255,.6);border:1px solid rgba(232,180,180,.3)}.dconnect-nav-item:hover{background:rgba(232,164,184,.15);color:#e8a4b8}.dconnect-nav-item.active{background:linear-gradient(135deg,#e8a4b8,#f0b8c8);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(232,164,184,.3)}.dconnect-nav-item.nav-home{background:rgba(255,255,255,.8);border-color:rgba(200,160,160,.3)}.dconnect-nav-item.nav-home:hover{background:rgba(240,220,220,.5)}.dletter-header-content{position:relative}.dletter-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.dletter-logo-icon{width:48px;height:48px;opacity:1 !important;visibility:visible !important}.dletter-logo-text{color:#e8a4b8;font-size:32px;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8);letter-spacing:2px}.dletter-lead{color:#8b7355;font-size:14px;font-weight:500}.dletter-back{display:none;position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#e8a4b8;text-decoration:none;font-size:14px;align-items:center;gap:4px;transition:color .2s;z-index:2}.dletter-back:hover{color:#d4859a}.dletter-home{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#e8a4b8;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:4px;transition:color .2s;z-index:2}.dletter-home:hover{color:#d4859a}.dletter-filters{background:rgba(255,255,255,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:16px;padding:16px 20px;margin-bottom:20px;border:2px solid rgba(232,180,200,.3)}.dletter-filter-label{font-size:13px;color:#a08070;font-weight:600;margin-bottom:10px}.dletter-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.dletter-filter-tag{display:inline-block;padding:8px 16px;background:rgba(255,240,245,.8);border:1px solid #f0d0d8;border-radius:20px;color:#a08070;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.dletter-filter-tag:hover{background:#fff0f5;border-color:#e8a4b8;color:#d4859a}.dletter-filter-tag.active{background:linear-gradient(135deg,#e8a4b8 0%,#f5c0d0 100%);border-color:#e8a4b8;color:#fff}.dletter-card{background:rgba(255,255,255,.92);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:20px;padding:24px;margin-bottom:20px;border:2px solid rgba(232,180,200,.25)}.dletter-question{background:linear-gradient(135deg,#ffd0dc 0%,#ffe0e8 100%);border-radius:16px;padding:16px 20px;margin-bottom:0;position:relative}.dletter-question-inner{background:rgba(255,255,255,.95);border-radius:12px;padding:16px;margin-bottom:12px}.dletter-question-text{font-size:15px;line-height:1.8;color:#5a4a4a;margin:0}.dletter-question-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.dletter-question-mascot{width:24px;height:24px;opacity:1 !important;visibility:visible !important}.dletter-question-label{font-size:13px;color:#e8a4b8;font-weight:600}.dletter-answer{background:linear-gradient(to bottom,#fffef8 0%,#fff9e8 100%);border-radius:16px;padding:20px 24px;margin-top:16px;border:2px solid rgba(200,180,140,.3);position:relative}.dletter-answer-label{font-size:14px;color:#c9a86c;font-weight:600;margin-bottom:12px}.dletter-answer-text{font-size:15px;line-height:2.2;color:#5a4a4a;margin:0;background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(200,180,140,.3) 31px,rgba(200,180,140,.3) 32px);padding:4px 0}.dletter-cast-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed rgba(232,180,200,.4)}.dletter-cast-avatar-link{display:block;flex-shrink:0}.dletter-cast-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(232,180,200,.5);transition:border-color .2s;opacity:1 !important;visibility:visible !important}.dletter-cast-avatar-link:hover .dletter-cast-avatar{border-color:#e8a4b8}.dletter-cast-meta{flex:1}.dletter-cast-name{font-size:14px;font-weight:600;color:#5a4a4a}.dletter-cast-date{font-size:12px;color:#a08070;display:block;margin-top:2px}.dletter-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px dashed rgba(232,180,200,.4);flex-wrap:wrap;gap:12px}.dletter-reactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dletter-reaction-item{display:flex;align-items:center;gap:3px;font-size:13px;color:#a08070;background:rgba(255,240,245,.8);padding:4px 10px;border-radius:12px}.dletter-ask-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#e8a4b8 0%,#f5c0d0 100%);color:#fff;font-size:13px;font-weight:600;border-radius:20px;text-decoration:none;transition:all .2s}.dletter-ask-link:hover{background:linear-gradient(135deg,#d4859a 0%,#e8a4b8 100%)}.dletter-empty{text-align:center;padding:60px 20px;background:rgba(255,255,255,.9);border-radius:20px;border:2px solid rgba(232,180,200,.25)}.dletter-empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.dletter-empty-text{color:#a08070;font-size:15px;line-height:1.8}.dletter-footer-link{text-align:center;margin-top:32px}.dletter-footer-link a{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:rgba(255,255,255,.9);color:#e8a4b8;font-size:14px;font-weight:600;border-radius:25px;text-decoration:none;border:2px solid rgba(232,180,200,.3);transition:all .2s}.dletter-footer-link a:hover{background:linear-gradient(135deg,#e8a4b8 0%,#f5c0d0 100%);border-color:#e8a4b8;color:#fff}@media (max-width:640px){.dletter-header{padding:16px}.dletter-logo-text{font-size:24px}.dletter-logo-icon{width:36px;height:36px}.dletter-back{position:static;transform:none;justify-content:center;margin-bottom:0}.dletter-home{position:static;transform:none;justify-content:center;margin-top:8px}.dletter-header{display:flex;flex-direction:column;align-items:center}.dletter-header-nav{display:flex;gap:20px;margin-bottom:8px}.dletter-main{padding:16px 12px 40px}.dletter-card{padding:16px;border-radius:12px}.dletter-question{padding:16px;border-radius:16px}.dletter-actions{flex-direction:column;align-items:stretch}.dletter-ask-link{justify-content:center}}