.dm-modal .footer-modal-body.dm-body{padding: 0;display: flex;flex-direction: column;min-height: 360px;max-height: 70vh}.dm-back-btn{background: none;border: none;font-size: 1.6rem;line-height: 1;cursor: pointer;padding: 0 8px 0 0;color: var(--text-color)}.dm-thread-actions{margin-left: auto;margin-right: 8px;position: relative}.dm-thread-actions > button{background: none;border: none;cursor: pointer;font-size: 1.4rem;line-height: 1;color: var(--text-color)}.dm-thread-menu{position: absolute;right: 0;top: 110%;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);box-shadow: var(--shadow-sm);min-width: 130px;z-index: 5;overflow: hidden}.dm-thread-menu button{display: block;width: 100%;text-align: left;background: none;border: none;cursor: pointer;padding: 10px 14px;font-size: 0.9rem;color: var(--text-color)}.dm-modal .is-hidden{display: none}.dm-thread-menu button:disabled{opacity: .5;cursor: default}.dm-thread-menu button:hover{background: var(--color-peach)}.dm-list-view{flex: 1;overflow-y: auto;touch-action: pan-y;overscroll-behavior: contain}.dm-conv-row{display: flex;align-items: flex-start;gap: 12px;padding: 12px 16px;cursor: pointer;border-bottom: 1px solid var(--border-color-light,#eee);text-align: left;width: 100%;background: none;border-left: none;border-right: none;border-top: none}.dm-conv-row:hover{background: var(--color-cream,#fff8e7)}.dm-avatar:not(.av){width: 44px;height: 44px;flex-shrink: 0;border-radius: var(--radius-sm);overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--color-peach);font-weight: 700;font-size: 1.1rem;border: 2px solid var(--border-color)}.dm-avatar:not(.av) img{width: 100%;height: 100%;object-fit: cover}.dm-conv-info{flex: 1;min-width: 0;display: block}.dm-conv-name{display: block;font-weight: 700;font-size: 0.95rem;overflow-wrap: anywhere}.dm-conv-preview{font-size: 0.85rem;color: var(--text-muted,#888);display: block;white-space: pre-wrap;overflow-wrap: anywhere}.dm-conv-row.unread .dm-conv-name::after{content: '';display: inline-block;width: 8px;height: 8px;background: #ff3b30;border-radius: 50%;margin-left: 6px;vertical-align: middle}.dm-conv-row.unread .dm-conv-preview{color: var(--text-color);font-weight: 600}.dm-new-footer{flex-shrink: 0;padding: 12px;border-top: 2px solid var(--border-color)}.dm-new-footer button{width: 100%}.dm-picker{overflow-y: auto;min-height: 0;flex: 1;padding: 12px;touch-action: pan-y}.dm-picker-toolbar{position: sticky;bottom: 0;background: var(--color-white);padding: 12px 0}.dm-picker-selected{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 12px}.dm-profile-link{color: inherit;text-decoration: underline;overflow-wrap: anywhere}#dmModal #inboxModalTitle{min-width: 0;overflow-wrap: anywhere;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.dm-members{flex-shrink: 0;max-height: 120px;overflow-y: auto;padding: 8px 16px;border-bottom: 1px solid var(--border-color);touch-action: pan-y}.dm-members summary{cursor: pointer}.dm-members div{padding-top: 8px;overflow-wrap: anywhere}.dm-system{align-self: center;text-align: center;color: var(--text-muted);font-size: .8rem}.dm-modal .dm-body{overflow: hidden}.dm-picker.is-hidden,.dm-new-footer.is-hidden{display: none}.dm-thread-view{flex: 1;display: flex;flex-direction: column;min-height: 0}.dm-messages{flex: 1;overflow-y: auto;padding: 16px;touch-action: pan-y;overscroll-behavior: contain;display: flex;flex-direction: column;gap: 8px}.dm-row{display: flex;align-items: flex-end;gap: 6px;max-width: 85%}.dm-row.theirs{align-self: flex-start}.dm-row.mine{align-self: flex-end}.dm-msg-avatar:not(.av){width: 30px;height: 30px;flex-shrink: 0;border-radius: var(--radius-xs);overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--color-peach);font-weight: 700;font-size: 0.8rem;border: 2px solid var(--border-color)}.dm-msg-avatar:not(.av) img{width: 100%;height: 100%;object-fit: cover}.dm-msg-avatar{cursor: pointer}.dm-avatar-menu{position: fixed;z-index: 10002;background: var(--color-white);border: 2px solid var(--border-color);border-radius: var(--radius-xs);box-shadow: var(--shadow-sm);overflow: hidden;min-width: 120px}.dm-avatar-menu button{display: block;width: 100%;text-align: left;background: none;border: none;cursor: pointer;padding: 10px 14px;font-size: 0.85rem;white-space: nowrap;color: var(--text-color)}.dm-avatar-menu button:hover{background: var(--color-peach)}.dm-bubble{max-width: 100%;padding: 8px 12px;border-radius: 14px;font-size: 0.9rem;line-height: 1.4;word-break: break-word;white-space: pre-wrap;border: 2px solid var(--border-color)}.dm-bubble.theirs{background: var(--color-white);border-bottom-left-radius: 4px}.dm-bubble.mine{background: var(--color-peach);border-bottom-right-radius: 4px}.dm-bubble-time{display: block;font-size: 0.68rem;color: var(--text-muted,#999);margin-top: 2px}.dm-read{margin-left: 5px;font-size: 0.62rem;color: var(--text-muted,#b08);opacity: 0.85}.dm-compose{display: flex;align-items: flex-end;gap: 8px;padding: 10px 12px;border-top: 2px solid var(--border-color);flex-shrink: 0}.dm-compose textarea{flex: 1;min-width: 0;resize: none;height: 40px;min-height: 40px;max-height: 120px;padding: 8px 10px;font-family: inherit;font-size: 0.9rem;border: 2px solid var(--border-color);border-radius: var(--radius-xs)}.dm-compose button{flex-shrink: 0}.dm-send-btn{width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;background: var(--primary-color);color: var(--text-color);border: 2px solid var(--border-color);border-radius: var(--radius-xs);box-shadow: 2px 2px 0 var(--border-color);cursor: pointer}.dm-send-btn:active{transform: translate(1px,1px);box-shadow: none}.dm-compose.disabled{opacity: 0.6}.dm-banner{padding: 10px 16px;text-align: center;font-size: 0.85rem;color: var(--text-muted,#888);background: var(--color-cream,#fff8e7);border-top: 2px solid var(--border-color)}.dm-state{padding: 40px 16px;text-align: center;color: var(--text-muted,#888);font-size: 0.9rem}.support-chat{display: flex;flex-direction: column;min-height: 320px;max-height: 60vh}.support-messages{flex: 1;overflow-y: auto;padding: 4px 2px 8px;touch-action: pan-y;overscroll-behavior: contain;display: flex;flex-direction: column;gap: 8px;min-height: 0}.support-row{display: flex;align-items: flex-end;gap: 6px;max-width: 85%}.support-row.operator{align-self: flex-start}.support-row.mine{align-self: flex-end;flex-direction: row-reverse}.support-avatar{flex-shrink: 0}.support-content{display: flex;flex-direction: column;gap: 4px;min-width: 0}.support-row.mine .support-content{align-items: flex-end}.support-bubble{padding: 9px 12px;border-radius: var(--radius-sm,12px);font-size: 0.9rem;line-height: 1.45;word-break: break-word;white-space: pre-wrap;border: 2px solid var(--border-color)}.support-bubble.operator{background: var(--color-white,#fff);border-bottom-left-radius: 4px}.support-bubble.mine{background: var(--color-peach,#ffe6d6);border-bottom-right-radius: 4px}.support-bubble.support-greeting{background: var(--color-cream,#fff8e7)}.support-image-link{display: inline-block;line-height: 0}.support-image{max-width: 220px;max-height: 240px;border-radius: var(--radius-sm,12px);border: 2px solid var(--border-color);cursor: pointer;object-fit: cover}.support-compose{display: flex;align-items: flex-end;gap: 6px;padding: 10px 2px 2px;flex-shrink: 0;border-top: 2px solid var(--border-color);margin-top: 8px}.support-compose textarea{flex: 1;min-width: 0;resize: none;height: 40px;min-height: 40px;max-height: 120px;padding: 8px 10px;font-family: inherit;font-size: 0.9rem;border: 2px solid var(--border-color);border-radius: var(--radius-xs)}.support-attach-btn,.support-send-btn{flex-shrink: 0;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center;border: 2px solid var(--border-color);border-radius: var(--radius-xs);cursor: pointer}.support-attach-btn{background: var(--color-white,#fff);color: var(--text-color)}.support-attach-btn:hover{background: var(--color-cream,#fff8e7)}.support-send-btn{background: var(--primary-color);color: var(--text-color);box-shadow: 2px 2px 0 var(--border-color)}.support-send-btn:active{transform: translate(1px,1px);box-shadow: none}.support-attach-preview{padding: 6px 2px 0}.support-attach-chip{position: relative;display: inline-block}.support-attach-chip img{max-width: 80px;max-height: 80px;border-radius: 8px;border: 2px solid var(--border-color);object-fit: cover;display: block}.support-attach-remove{position: absolute;top: -8px;right: -8px;width: 20px;height: 20px;line-height: 1;padding: 0;border-radius: 50%;background: #ef4444;color: #fff;border: 2px solid #fff;cursor: pointer;font-size: 11px}.support-fab-badge{position: absolute;top: -2px;right: -2px;width: 14px;height: 14px;border-radius: 50%;background: #ef4444;border: 2px solid #fff}.support-fab-badge.is-hidden{display: none}.dm-translate,.support-translate,.support-orig{display: block;background: none;border: none;padding: 2px 0 0;margin-top: 2px;font-size: 11.5px;color: inherit;opacity: 0.75;text-decoration: underline dashed;text-underline-offset: 2px;cursor: pointer;text-align: left}.dm-translate:hover,.support-translate:hover,.support-orig:hover{opacity: 1}.support-orig-body{margin-top: 6px;padding-top: 6px;border-top: 1px dashed currentColor;opacity: 0.7;font-size: 12.5px;white-space: pre-wrap}.dm-translate:disabled,.support-translate:disabled{opacity: 0.4;cursor: wait}.dm-translation,.support-translation{margin-top: 6px;padding-top: 6px;border-top: 1px dashed currentColor;opacity: 0.92;font-size: 0.95em;word-break: break-word}.dm-party-form{display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px}.dm-party-form input,.dm-party-form select{width: 100%;box-sizing: border-box;padding: 10px;border: 2px solid var(--border-color);border-radius: var(--radius-xs);color: var(--text-color);background: var(--color-white)}.dm-party-card{display: flex;flex-direction: column;gap: 10px}.dm-party-card a{color: inherit;text-decoration: underline;font-weight: 700}.dm-picker,.dm-picker h4,.dm-picker p{color: var(--text-color)}.dm-photo{display:block;margin-top:6px}.dm-photo img{display:block;max-width:100%;width:240px;max-height:280px;object-fit:contain;border-radius:var(--radius-xs)}.dm-photo-expired{padding:8px 0;font-size:0.9em;opacity:0.7}.dm-photo-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;width:44px;height:44px;box-sizing:border-box;padding:8px;border:2px solid var(--border-color);border-radius:var(--radius-xs);background:var(--color-white);color:var(--text-color);cursor:pointer}.dm-photo-btn svg{display:block;flex-shrink:0;pointer-events:none}.dm-photo-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dm-photo-btn:disabled{opacity:0.45;cursor:not-allowed}.dm-photo-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px}.dm-photo-preview img{width:64px;height:64px;object-fit:contain}.dm-photo-preview button{margin-left:auto;background:none;border:none;color:inherit;font-size:24px;cursor:pointer}
[data-theme="dark-brutal"]{--bg-color: #16161f;--card-bg: #242430;--color-white: #242430;--text-color: #f1eef7;--text-light: #cbc5d6;--text-muted: #aaa4b8;--border-color: #858099;--shadow: 3px 3px 0 #0f0f17,0 6px 16px rgba(0,0,0,0.16);--shadow-sm: 2px 2px 0 #0f0f17;--shadow-lg: 4px 4px 0 #0f0f17,0 16px 40px rgba(0,0,0,0.28);--shadow-hover: 4px 4px 0 #0f0f17,0 8px 20px rgba(0,0,0,0.22);--shadow-active: 1px 1px 0 #0f0f17;--primary-color: #c8b9ed;--primary-hover: #d8caf5;--accent-color: #e6b3c4;--danger-color: #e5636f;--secondary-color: #a8d5c3;--success-color: #a8d5c3;--warning-color: #edc59f;--craft-2d: #e6d99f;--craft-3d: #c8b9ed;--craft-bead: #a6d4dc;--color-cream: #302c37;--color-mint: #253831;--color-lavender: #332e45;--color-peach: #3b2c36;--color-sky: #273540;--divider-color: #454151;color-scheme: dark}[data-theme="dark-brutal"] .manual-button,[data-theme="dark-brutal"] .manual-sidebar a[aria-current="page"]{color: var(--color-black)}[data-theme="dark-brutal"] .logo-icon,[data-theme="dark-brutal"] .logo-text-img,[data-theme="dark-brutal"] .about-title-img{filter: drop-shadow(0.75px 0 0 #f1eef7) drop-shadow(-0.75px 0 0 #f1eef7) drop-shadow(0 0.75px 0 #f1eef7) drop-shadow(0 -0.75px 0 #f1eef7)}[data-theme="dark-brutal"] header,[data-theme="dark-brutal"] .feed-toolbar,[data-theme="dark-brutal"] .feed-card,[data-theme="dark-brutal"] .feed-card-thumb,[data-theme="dark-brutal"] .profile-card{border-color: var(--divider-color)}[data-theme="dark-brutal"] .feed-card:hover{border-color: var(--border-color)}[data-theme="dark-brutal"] .cookie-consent-inner,[data-theme="dark-brutal"] .footer-modal,[data-theme="dark-brutal"] .design-picker-content{box-shadow: var(--shadow-lg)}[data-theme="dark-brutal"] .feed-chip.active[data-craft="all"]{background: var(--primary-color);color: var(--color-black)}[data-theme="dark-brutal"] .feed-sort-item.active .feed-sort-count{color: var(--color-black)}[data-theme="dark-brutal"] :focus-visible{outline: 2px solid var(--primary-color);outline-offset: 4px}[data-theme="dark-brutal"] .dropdown-icon,[data-theme="dark-brutal"] .menu-icon,[data-theme="dark-brutal"] .emoji-icon,[data-theme="dark-brutal"] .btn-icon,[data-theme="dark-brutal"] .icon-14-vm,[data-theme="dark-brutal"] .icon-16-mr8,[data-theme="dark-brutal"] .icon-20-vm{filter: invert(0.9)}[data-theme="dark-brutal"] .feed-search-btn img,[data-theme="dark-brutal"] .profile-share-btn .share-icon,[data-theme="dark-brutal"] .profile-btn .default-avatar img,[data-theme="dark-brutal"] .profile-dropdown-avatar .default-avatar img,[data-theme="dark-brutal"] .onboarding-opt__icon img{filter: invert(0.9)}[data-theme="dark-brutal"] .feed-card-stat img,[data-theme="dark-brutal"] .feed-chip img,[data-theme="dark-brutal"] .type-tab img{filter: invert(0.9)}[data-theme="dark-brutal"] .share-sheet-ic--mono{filter: invert(0.9)}[data-theme="dark-brutal"] .design-act img,[data-theme="dark-brutal"] .design-like img,[data-theme="dark-brutal"] .design-share-mini img,[data-theme="dark-brutal"] .design-stat img,[data-theme="dark-brutal"] .print-toolbar button img{filter: invert(0.9)}[data-theme="dark-brutal"] .btn-primary,[data-theme="dark-brutal"] .pin-work-action:not([data-pin-status="shared"]),[data-theme="dark-brutal"] .feed-empty-link,[data-theme="dark-brutal"] .btn-success,[data-theme="dark-brutal"] .header-create-btn,[data-theme="dark-brutal"] .help-q-btn.active,[data-theme="dark-brutal"] .page-btn.active,[data-theme="dark-brutal"] .tab-btn.active,[data-theme="dark-brutal"] .footer-lang-option.active,[data-theme="dark-brutal"] .footer-lang-current:hover,[data-theme="dark-brutal"] .filter-btn.active,[data-theme="dark-brutal"] .mypage-section-tab.active,[data-theme="dark-brutal"] .ed-modal__btns .confirm,[data-theme="dark-brutal"] .shop-tab.active,[data-theme="dark-brutal"] .toast.warning,[data-theme="dark-brutal"] .feed-chip.active,[data-theme="dark-brutal"] .feed-sort-item.active,[data-theme="dark-brutal"] .week-rail__rank,[data-theme="dark-brutal"] .hof-rank-1,[data-theme="dark-brutal"] .hof-rank-2,[data-theme="dark-brutal"] .hof-rank-3,[data-theme="dark-brutal"] .hof-hero,[data-theme="dark-brutal"] .home-fab,[data-theme="dark-brutal"] .fab-toggle,[data-theme="dark-brutal"] .feed-badge.b-2d,[data-theme="dark-brutal"] .feed-badge.b-3d,[data-theme="dark-brutal"] .feed-badge.b-bead,[data-theme="dark-brutal"] .feed-badge.b-collab,[data-theme="dark-brutal"] .type-tab.active,[data-theme="dark-brutal"] .visibility-badge.draft,[data-theme="dark-brutal"] .follow-btn,[data-theme="dark-brutal"] .follow-modal-follow-btn:not(.following),[data-theme="dark-brutal"] .btn-security-primary,[data-theme="dark-brutal"] .profile-edit-btn,[data-theme="dark-brutal"] .btn-profile-icon.following,[data-theme="dark-brutal"] .profile-pagination .page-btn.active,[data-theme="dark-brutal"] .dm-send-btn,[data-theme="dark-brutal"] .support-send-btn,[data-theme="dark-brutal"] .review-toggle-btn,[data-theme="dark-brutal"] .review-submit-btn,[data-theme="dark-brutal"] .reviews-sort-btn.active,[data-theme="dark-brutal"] .reviews-load-more-btn,[data-theme="dark-brutal"] .review-edit-save,[data-theme="dark-brutal"] .my-comments-sort-btn.active,[data-theme="dark-brutal"] .converter-mode-btn--block,[data-theme="dark-brutal"] .converter-mode-btn--bead,[data-theme="dark-brutal"] .editor-modal-header.editor-header-2d,[data-theme="dark-brutal"] .editor-modal-header.editor-header-3d,[data-theme="dark-brutal"] .editor-modal-header.editor-header-bead,[data-theme="dark-brutal"] .seo-hero__btn,[data-theme="dark-brutal"] .seo-hero__title em,[data-theme="dark-brutal"] .points-shop-btn,[data-theme="dark-brutal"] .cookie-accept-btn,[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-name,[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-email,[data-theme="dark-brutal"] .profile-dropdown-points .points-value,[data-theme="dark-brutal"] .profile-dropdown-points .points-unit,[data-theme="dark-brutal"] .profile-lang-option.active,[data-theme="dark-brutal"] .login-prompt-signup,[data-theme="dark-brutal"] .week-rail__rank,[data-theme="dark-brutal"] .creator-row__rank--gold,[data-theme="dark-brutal"] .creator-row__rank--silver,[data-theme="dark-brutal"] .creator-row__rank--bronze,[data-theme="dark-brutal"] .rail-arrow,[data-theme="dark-brutal"] .print-toolbar button.active{color: var(--color-black)}[data-theme="dark-brutal"] .size-display .total-blocks,[data-theme="dark-brutal"] .size-display .tb-step{color: var(--color-black)}[data-theme="dark-brutal"] .header-create-menu-item:hover .menu-icon,[data-theme="dark-brutal"] .btn-primary .btn-icon,[data-theme="dark-brutal"] .btn-primary .emoji-icon,[data-theme="dark-brutal"] .btn-secondary .btn-icon,[data-theme="dark-brutal"] .btn-secondary .emoji-icon,[data-theme="dark-brutal"] .btn-danger .btn-icon,[data-theme="dark-brutal"] .btn-danger .emoji-icon,[data-theme="dark-brutal"] .header-create-btn .btn-icon,[data-theme="dark-brutal"] .header-create-btn .emoji-icon,[data-theme="dark-brutal"] .feed-chip.active img,[data-theme="dark-brutal"] .type-tab.active img,[data-theme="dark-brutal"] .seo-hero__btn img,[data-theme="dark-brutal"] .dm-send-btn img,[data-theme="dark-brutal"] .support-send-btn img,[data-theme="dark-brutal"] .feed-card-like.liked img,[data-theme="dark-brutal"] .design-like.liked img,[data-theme="dark-brutal"] .print-toolbar button.active img{filter: none}:where([data-theme="dark-brutal"]) button{color: inherit}[data-theme="dark-brutal"] .dither-label{color: var(--text-color)}[data-theme="dark-brutal"] .dither-slider{background: var(--card-bg);border-color: var(--border-color)}[data-theme="dark-brutal"] .dither-slider::after{background: var(--border-color)}[data-theme="dark-brutal"] .dither-switch input:checked + .dither-slider{background: var(--primary-color)}[data-theme="dark-brutal"] .dither-switch input:checked + .dither-slider::after{background: var(--color-black)}[data-theme="dark-brutal"] .feed-card-thumb:has(> img.lazy-img:not(.lazy-loaded))::after{background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100%)}[data-theme="dark-brutal"] .feed-card > .feed-card-more-wrap .feed-card-more{background: rgba(36,36,48,0.92)}[data-theme="dark-brutal"] .review-content{color: var(--text-light)}[data-theme="dark-brutal"] .review-time,[data-theme="dark-brutal"] .review-translate-btn,[data-theme="dark-brutal"] .review-photo-hint{color: var(--text-muted)}[data-theme="dark-brutal"] .review-translation,[data-theme="dark-brutal"] .profile-bio-translation{color: var(--text-light);background: rgba(255,255,255,0.05);border-left-color: var(--divider-color)}[data-theme="dark-brutal"] .profile-bio-translate-btn{color: var(--text-muted)}[data-theme="dark-brutal"] .profile-sns-link img,[data-theme="dark-brutal"] .sns-edit-row img{box-shadow: 0 0 0 1px rgba(255,255,255,0.28);border-radius: 6px}[data-theme="dark-brutal"] .review-photos img,[data-theme="dark-brutal"] .review-photo-thumb{border-color: var(--divider-color)}[data-theme="dark-brutal"] .review-photo-label{color: #7eb3ff}[data-theme="dark-brutal"] .reviews-sort-btn,[data-theme="dark-brutal"] .review-like-btn,[data-theme="dark-brutal"] .review-reply-btn,[data-theme="dark-brutal"] .review-edit-btn,[data-theme="dark-brutal"] .review-more-replies-btn,[data-theme="dark-brutal"] .review-edited,[data-theme="dark-brutal"] .review-deleted-text,[data-theme="dark-brutal"] .review-reply-cancel{color: var(--text-muted)}[data-theme="dark-brutal"] .reviews-sort-btn:hover{background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .review-like-btn:hover,[data-theme="dark-brutal"] .review-reply-btn:hover,[data-theme="dark-brutal"] .review-edit-btn:hover{color: var(--text-light)}[data-theme="dark-brutal"] .reviews-sort-bar{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .review-replies{border-left-color: var(--divider-color)}[data-theme="dark-brutal"] .review-item--deleted{background: rgba(255,255,255,0.03)}[data-theme="dark-brutal"] .review-reply-banner{background: rgba(255,255,255,0.06);color: var(--text-muted)}[data-theme="dark-brutal"] .review-edit-textarea{background: var(--card-bg);color: var(--text-light);border-color: var(--divider-color)}[data-theme="dark-brutal"] .review-edit-cancel{background: var(--card-bg);color: var(--text-muted);border-color: var(--divider-color)}[data-theme="dark-brutal"] .review-item--focus{background: rgba(200,185,237,0.12)}[data-theme="dark-brutal"] .my-comments-summary,[data-theme="dark-brutal"] .my-comments-sort-btn,[data-theme="dark-brutal"] .my-comment-design,[data-theme="dark-brutal"] .my-comment-stats,[data-theme="dark-brutal"] .my-comment-reply-mark{color: var(--text-muted)}[data-theme="dark-brutal"] .my-comments-sort-btn:not(.active):hover{background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .my-comment-item,[data-theme="dark-brutal"] .my-comment-thumb{border-color: var(--divider-color)}[data-theme="dark-brutal"] .my-comment-thumb--none{background: rgba(255,255,255,0.06)}[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-name,[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-email,[data-theme="dark-brutal"] .profile-dropdown-points .points-value,[data-theme="dark-brutal"] .profile-dropdown-points .points-unit{color: var(--color-black)}[data-theme="dark-brutal"] .onboarding-card{background: linear-gradient(135deg,var(--color-lavender),var(--color-peach));border-color: var(--divider-color);box-shadow: var(--shadow-lg)}[data-theme="dark-brutal"] .onboarding-card__desc{color: var(--text-light)}[data-theme="dark-brutal"] .onboarding-card__close{color: var(--text-muted)}[data-theme="dark-brutal"] .onboarding-card__close:hover{color: var(--text-color);background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .onboarding-opt{background: var(--card-bg);color: var(--text-color);box-shadow: var(--shadow-sm)}[data-theme="dark-brutal"] .onboarding-opt:hover{box-shadow: var(--shadow-hover)}[data-theme="dark-brutal"] .onboarding-opt:active{box-shadow: var(--shadow-active)}[data-theme="dark-brutal"] .mypage-points-box,[data-theme="dark-brutal"] .points-header{background: linear-gradient(135deg,var(--color-lavender),var(--color-sky))}[data-theme="dark-brutal"] .about-free-banner{background: var(--color-lavender)}[data-theme="dark-brutal"] .about-free-banner .free-text p{color: var(--text-light)}[data-theme="dark-brutal"] .about-section{background: var(--card-bg)}[data-theme="dark-brutal"] .about-page .feature-card,[data-theme="dark-brutal"] .about-page .spec-item{background: var(--color-cream)}[data-theme="dark-brutal"] .about-section h2{color: var(--text-color);border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .about-page .feature-card h3,[data-theme="dark-brutal"] .about-page .spec-label{color: var(--text-color)}[data-theme="dark-brutal"] .about-tagline,[data-theme="dark-brutal"] .about-service-desc,[data-theme="dark-brutal"] .about-page .feature-card p,[data-theme="dark-brutal"] .about-page .spec-value{color: var(--text-light)}[data-theme="dark-brutal"] .about-section h2 .icon,[data-theme="dark-brutal"] .about-page .feature-icon img,[data-theme="dark-brutal"] .about-page .spec-icon img{filter: invert(0.9)}[data-theme="dark-brutal"] .chub-hero h1{color: var(--text-color)}[data-theme="dark-brutal"] .chub-hero-sub{color: var(--text-light)}[data-theme="dark-brutal"] .chub-section{background: var(--card-bg)}[data-theme="dark-brutal"] .chub-section h2,[data-theme="dark-brutal"] .chub-feat-card h3,[data-theme="dark-brutal"] .chub-step .step-body h3,[data-theme="dark-brutal"] .chub-faq-item h3,[data-theme="dark-brutal"] .chub-shot figcaption{color: var(--text-color)}[data-theme="dark-brutal"] .chub-prose,[data-theme="dark-brutal"] .chub-gallery-sub,[data-theme="dark-brutal"] .chub-shot-caption,[data-theme="dark-brutal"] .chub-feat-card p,[data-theme="dark-brutal"] .chub-step .step-body p,[data-theme="dark-brutal"] .chub-step .step-body li,[data-theme="dark-brutal"] .chub-faq-item p{color: var(--text-light)}[data-theme="dark-brutal"] .chub-feat-card,[data-theme="dark-brutal"] .chub-step{background: var(--color-cream)}[data-theme="dark-brutal"] .chub-faq-item{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .chub-gallery-item{background: var(--color-cream);border-color: var(--divider-color)}[data-theme="dark-brutal"] .chub-gallery-details{color: var(--text-color)}[data-theme="dark-brutal"] .chub-btn{background: var(--card-bg);color: var(--text-color);border-color: var(--border-color)}[data-theme="dark-brutal"] .chub-btn.primary{background: var(--primary-color);color: var(--color-black);border-color: var(--color-black)}[data-theme="dark-brutal"] .chub-cat-chip{background: var(--card-bg);color: var(--text-color);border-color: var(--divider-color)}[data-theme="dark-brutal"] .chub-link{color: #8ab6e6}[data-theme="dark-brutal"] .chub-final-cta .chub-btn{background: #fff;color: #1a1a1a;border-color: #1a1a1a}[data-theme="dark-brutal"] .chub-final-cta .chub-link{color: #1a1a1a}[data-theme="dark-brutal"] .chub-cat-chip:hover{border-color: #8ab6e6;color: #8ab6e6}[data-theme="dark-brutal"] .chub-shot img{border-color: var(--border-color);box-shadow: var(--shadow)}[data-theme="dark-brutal"] .chub-section h2 .icon,[data-theme="dark-brutal"] .chub-feat-icon img{filter: invert(0.9)}[data-theme="dark-brutal"] .publish-nudge-banner{background: var(--color-mint)}[data-theme="dark-brutal"] .publish-nudge-text span{color: #8fd8b8}[data-theme="dark-brutal"] .publish-nudge-icon{filter: invert(0.9)}[data-theme="dark-brutal"] .publish-nudge-close:hover{background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .editor-modal-header .modal-header-type span,[data-theme="dark-brutal"] .editor-modal-header .modal-pmode-badge{color: var(--color-black)}[data-theme="dark-brutal"] .editor-modal-header .viewer-meta-date,[data-theme="dark-brutal"] .editor-modal-header .viewer-meta-desc{color: var(--color-black);opacity: 0.68}[data-theme="dark-brutal"] .points-modal{background: var(--card-bg)}[data-theme="dark-brutal"] .pm-balance{background: linear-gradient(135deg,var(--color-lavender),var(--color-sky))}[data-theme="dark-brutal"] .pm-item{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .pm-footer{border-top-color: var(--divider-color)}[data-theme="dark-brutal"] .pm-icon.earn{background: rgba(16,185,129,0.16)}[data-theme="dark-brutal"] .pm-icon.spend{background: rgba(239,68,68,0.16)}[data-theme="dark-brutal"] .pm-guide-compact{color: var(--text-muted)}[data-theme="dark-brutal"] .pm-guide-compact .sep{color: var(--divider-color)}[data-theme="dark-brutal"] .points-history{background: var(--card-bg)}[data-theme="dark-brutal"] .points-history-item{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .points-info-box{background: var(--color-cream);color: var(--text-light)}[data-theme="dark-brutal"] .collection-bookmark[data-saved="0"] img{filter:invert(.9)}[data-theme="dark-brutal"] .collection-bookmark[data-saved="1"] img{filter:none}[data-theme="dark-brutal"] .seo-hero__btn--convert{background: #fff}
.header-container{max-width: 1200px;margin: 0 auto;padding: 0 20px;height: 60px;display: flex;align-items: center;justify-content: space-between;gap: 16px}.logo{display: flex;align-items: center;gap: 10px;text-decoration: none;flex-shrink: 0;padding: 6px 4px;transition: opacity var(--transition-fast)}.logo:hover{opacity: 0.8}.logo:active{opacity: 0.6}.logo-text-img{width: auto;display: block}.header-create{position: relative}.header-create-btn{display: flex;align-items: center;gap: 8px;padding: 10px 18px;background: var(--primary-color);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);font-weight: 700;font-size: 14px;color: var(--text-color);cursor: pointer;transition: all var(--transition-fast);white-space: nowrap}.header-create-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.header-create-btn:active{transform: translate(2px,2px);box-shadow: none}.header-create-btn .plus-icon{font-size: 18px;font-weight: 800}.header-create-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;display: none}.header-create.open .header-create-overlay{display: block}.header-create-menu{position: absolute;top: calc(100% + 8px);left: 50%;transform: translateX(-50%) scale(0.95);background: var(--card-bg);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow);width: max-content;min-width: 220px;max-width: min(92vw,420px);opacity: 0;visibility: hidden;transition: all 0.2s ease;z-index: 1000;overflow: hidden}.header-create.open .header-create-menu{opacity: 1;visibility: visible;transform: translateX(-50%) scale(1)}.header-create-menu-item{display: flex;align-items: center;gap: 10px;padding: 12px 16px;border-left: 5px solid transparent;color: var(--text-color);text-decoration: none;font-size: 14px;font-weight: 600;transition: background 0.15s;white-space: normal;overflow-wrap: anywhere}.header-create-menu-item:hover{background: var(--primary-color)}.header-create-menu-item .menu-icon{width: 20px;height: 20px}.header-create-menu-item--2d{border-left-color: var(--craft-2d,#f4e637)}.header-create-menu-item--3d{border-left-color: var(--craft-3d,#b794f6)}.header-create-menu-item--bead{border-left-color: var(--craft-bead,#5bc2d6)}.header-create-menu-item--conv{border-left-color: #b91c1c}.header-create-menu-item + .header-create-menu-item{border-top: 1px solid var(--divider-color,#eee)}.header-create-menu-item.disabled{opacity: 0.4;cursor: default}.header-right{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.profile-btn{position: relative;width: 40px;height: 40px;border-radius: var(--radius-sm);border: var(--border-width) solid var(--border-color);background: var(--color-cream);cursor: pointer;transition: all var(--transition-fast);display: flex;align-items: center;justify-content: center;flex-shrink: 0;text-decoration: none;box-shadow: var(--shadow-sm)}.profile-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.profile-btn:active{transform: translate(1px,1px);box-shadow: 2px 2px 0 var(--border-color)}.profile-btn-wrap{transition: transform var(--transition-fast)}.profile-btn-wrap:hover{transform: translate(-2px,-2px)}.profile-btn-wrap:active{transform: translate(1px,1px)}.profile-btn-wrap .profile-btn:hover,.profile-btn-wrap .profile-btn:active{transform: none}.profile-btn img{width: 100%;height: 100%;object-fit: cover;border-radius: calc(var(--radius-sm) - 3px)}.profile-btn .default-avatar{font-size: 18px;color: var(--text-muted);font-weight: 700}.profile-badge{position: absolute;top: -7px;right: -7px;display: none;box-sizing: border-box;min-width: 20px;height: 20px;padding: 0 5px;background: var(--danger-color);color: var(--color-black);border: var(--border-width) solid var(--border-color);border-radius: 999px;box-shadow: 2px 2px 0 var(--border-color);font-size: 11px;font-weight: 800;line-height: 1;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;z-index: 10}.profile-badge.show{display: inline-flex;align-items: center;justify-content: center;animation: profileBadgePop 220ms cubic-bezier(0.34,1.56,0.64,1)}@keyframes profileBadgePop{from{transform: scale(0.4);opacity: 0}to{transform: scale(1);opacity: 1}}@media (prefers-reduced-motion: reduce){.profile-badge.show{animation: none}}.profile-dropdown-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: transparent;z-index: calc(var(--z-dropdown) + 1);border: 0;padding: 0;border-radius: 0;display: none}.profile-dropdown-overlay.show{display: block}.profile-dropdown{position: fixed;top: 60px;right: 20px;background: var(--card-bg);border-radius: 8px;box-shadow: var(--shadow);width: 240px;display: none;z-index: calc(var(--z-dropdown) + 2);border: 2px solid var(--border-color);max-height: calc(100dvh - 70px);overflow-y: auto;-webkit-overflow-scrolling: touch}.profile-dropdown.show{display: block}@media (max-width: 768px){.profile-dropdown-header{position: relative}}.profile-dropdown-header{padding: 16px;border-bottom: 2px solid var(--border-color);background: var(--primary-color)}.profile-dropdown-user{display: flex;align-items: center;gap: 12px}.profile-dropdown-avatar{width: 48px;height: 48px;border-radius: 8px;background: white;overflow: hidden;display: flex;align-items: center;justify-content: center;border: 2px solid var(--border-color)}.profile-dropdown-avatar img{width: 100%;height: 100%;object-fit: cover}.profile-dropdown-avatar .default-avatar{font-size: 24px}.profile-dropdown-info{flex: 1;min-width: 0}.profile-dropdown-name{color: var(--text-color);font-weight: 700;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.profile-dropdown-email{color: var(--text-light);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.profile-dropdown-points{display: flex;align-items: center;gap: 2px;background: var(--primary-color);padding: 6px 12px;border-radius: 20px;text-decoration: none;margin-left: auto;flex-shrink: 0;transition: all 0.2s}.profile-dropdown-points:hover{transform: scale(1.05);box-shadow: 0 2px 8px rgba(0,0,0,0.15)}.profile-dropdown-points .points-value{font-weight: 800;font-size: 14px;color: var(--text-color)}.profile-dropdown-points .points-unit{font-weight: 700;font-size: 12px;color: var(--text-color);opacity: 0.8}.profile-dropdown-menu{padding: 8px 0}.profile-dropdown-item{display: flex;align-items: center;gap: 12px;padding: 12px 16px;color: var(--text-color);text-decoration: none;transition: background 0.2s;cursor: pointer;position: relative}.profile-dropdown-item:hover{background: var(--bg-color)}.profile-dropdown-item .icon{font-size: 18px;width: 20px;text-align: center}.profile-dropdown-item .dropdown-icon{width: 20px;height: 20px}.profile-dropdown-item .text{flex: 1;font-size: 14px;font-weight: 500}.profile-dropdown-item .badge{background: #ff4444;color: white;border-radius: 10px;padding: 2px 8px;font-size: 11px;font-weight: bold;min-width: 20px;text-align: center}.profile-dropdown-divider{height: 1px;background: var(--border-color);margin: 8px 0}.profile-dropdown-item.lang-toggle{cursor: pointer}.profile-dropdown-item .lang-current{font-size: 16px}.profile-lang-submenu{display: none;background: var(--bg-color);padding: 4px 8px;margin: 0 8px 8px 8px;border-radius: 8px}.profile-lang-submenu.show{display: block}.profile-lang-option{display: flex;align-items: center;gap: 8px;padding: 10px 12px;color: var(--text-color);text-decoration: none;border-radius: 6px;font-size: 13px;transition: background 0.2s}.profile-lang-option:hover{background: var(--card-bg)}.profile-lang-option.active{background: var(--primary-color);color: var(--color-black,#1a1a1a)}@media (max-width: 768px){.profile-dropdown{position: fixed;top: 56px;right: 0;bottom: 0;left: auto;width: 280px;max-width: 85vw;height: calc(100vh - 56px);border-radius: 0;border: none;border-left: 2px solid var(--border-color);box-shadow: -4px 0 20px rgba(0,0,0,0.15);transform: translateX(100%);transition: transform 0.3s ease;overflow-y: auto;-webkit-overflow-scrolling: touch;display: block;opacity: 1}.profile-dropdown.show{transform: translateX(0)}.profile-dropdown-overlay{background: rgba(0,0,0,0.4);transition: opacity 0.3s ease;opacity: 0}.profile-dropdown-overlay.show{display: block;opacity: 1}}@media (max-width: 768px){.header-container{padding: 0 12px;height: 56px;gap: 10px}.logo{padding: 5px 4px}.logo-icon{width: 48px !important;height: 48px !important}.logo-text-img{display: none}.header-create-btn{padding: 8px 12px;font-size: 13px}.header-create-btn span:not(.plus-icon){display: none}.header-create-btn .plus-icon{font-size: 16px}.header-create-menu{min-width: 180px}.btn.btn-sm .btn-text{display: none}.btn.btn-sm.header-signup-cta .btn-text{display: inline}.btn.btn-sm.header-signup-cta{padding: 8px 10px;min-width: 0;max-width: 42vw;gap: 4px}.btn.btn-sm.header-signup-cta .btn-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.btn.btn-sm{padding: 8px;min-width: 36px;min-height: 36px}.btn.btn-sm .btn-icon{width: 20px;height: 20px}}@media (max-width: 480px){.header-create-menu{position: fixed;left: 50%;right: auto;top: auto;bottom: auto;transform: translateX(-50%) scale(0.95);margin-top: 8px}.header-create.open .header-create-menu{transform: translateX(-50%) scale(1)}}.profile-btn .default-avatar img,.profile-dropdown-avatar .default-avatar img{width: 1em;height: 1em}.tutorial-submenu{padding-left: 20px}.tutorial-submenu-arrow{margin-left: auto;font-size: 12px;color: var(--text-muted)}.tutorial-submenu .profile-dropdown-item{padding: 8px 12px;font-size: 13px}.fab-stack{position: fixed;bottom: 90px;right: 20px;z-index: 999;display: flex;flex-direction: column;align-items: center;gap: 10px;transition: opacity 0.15s}.feedback-fab{position: relative;width: 50px;height: 50px;border-radius: 8px;background: var(--secondary-color);border: 2px solid var(--border-color);box-shadow: var(--shadow);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.15s}.feedback-fab:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-hover)}.feedback-fab:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color)}.home-fab,.hof-fab{width: 50px;height: 50px;border-radius: 8px;border: 2px solid var(--border-color);box-shadow: var(--shadow);display: flex;align-items: center;justify-content: center;transition: all 0.15s}.home-fab:hover,.hof-fab:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-hover)}.home-fab:active,.hof-fab:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color)}.home-fab{background: var(--primary-color);color: var(--color-black)}.hof-fab{background: var(--color-white)}.hof-fab-star{animation: hofStarPulse 2.4s ease-in-out infinite;transform-box: fill-box;transform-origin: center}@keyframes hofStarPulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.35;transform: scale(0.8)}}.hof-fab-spk{opacity: 0;animation: hofSparkle 2.4s ease-in-out infinite;transform-box: fill-box;transform-origin: center}.hof-fab-spk2{animation-delay: 1.2s}@keyframes hofSparkle{0%,50%,100%{opacity: 0;transform: scale(0.3) rotate(-25deg)}65%{opacity: 1;transform: scale(1) rotate(0deg)}80%{opacity: 0.35;transform: scale(0.7) rotate(15deg)}}@media (prefers-reduced-motion: reduce){.hof-fab-star,.hof-fab-spk{animation: none}}.fab-items{display: flex;flex-direction: column;align-items: center;gap: 10px;display: none;margin-bottom: 10px}.fab-stack.is-open .fab-items{display: flex}.fab-stack.is-open .fab-items > *{animation: fabPop 0.16s ease-out both}.fab-stack.is-open .fab-items > :nth-last-child(2){animation-delay: 0.04s}.fab-stack.is-open .fab-items > :nth-last-child(3){animation-delay: 0.08s}@keyframes fabPop{from{opacity: 0;transform: translateY(8px) scale(0.85)}to{opacity: 1;transform: none}}.fab-toggle{position: relative;width: 50px;height: 50px;border-radius: 8px;background: var(--primary-color);color: var(--color-black);border: 2px solid var(--border-color);box-shadow: var(--shadow);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.15s}.fab-toggle:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-hover)}.fab-toggle:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color)}.fab-toggle-close{display: none}.fab-stack.is-open .fab-toggle-open{display: none}.fab-stack.is-open .fab-toggle-close{display: block}@media (prefers-reduced-motion: reduce){.fab-stack.is-open .fab-items > *{animation: none}}.fab-stack.is-ad-overlap{opacity: 0;visibility: hidden;pointer-events: none;transition: none}.feedback-fab-icon{font-size: 1.5rem}.feedback-intro{background: var(--color-cream);border-radius: 8px;padding: 16px 20px;margin-bottom: 24px;border: 2px solid var(--border-color);box-shadow: var(--shadow-sm)}.feedback-intro p{margin: 0;color: var(--text-color);font-size: 14px;line-height: 1.6}.feedback-ratings{display: flex;flex-direction: column;gap: 16px;margin-bottom: 24px}.rating-item{display: flex;flex-direction: column;gap: 8px}.rating-item label{font-weight: 700;color: var(--text-color);font-size: 14px}.star-rating{display: flex;gap: 4px}.star-rating .star{width: 1.8rem;height: 1.8rem;cursor: pointer;background-color: #d1d5db;-webkit-mask: url(/assets/icons/star.svg) center/contain no-repeat;mask: url(/assets/icons/star.svg) center/contain no-repeat;transition: background-color 0.2s,transform 0.1s;user-select: none}.star-rating .star:hover{transform: scale(1.1)}.star-rating .star.active,.star-rating .star.hover{background-color: var(--primary-color)}.form-hint{display: block;margin-top: 6px;font-size: 12px;color: var(--text-muted)}@media (max-width: 768px){.fab-stack{bottom: 80px;right: 16px;gap: 8px}.feedback-fab,.hof-fab,.home-fab,.fab-toggle{width: 46px;height: 46px}.fab-items{gap: 8px;margin-bottom: 8px}.hof-fab svg{width: 37px;height: 37px}.home-fab svg{width: 22px;height: 22px}.feedback-fab-icon{font-size: 1.3rem}.star-rating .star{width: 1.5rem;height: 1.5rem}}.footer-modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(26,26,26,0.7);backdrop-filter: blur(4px);display: flex;align-items: center;justify-content: center;z-index: var(--z-overlay);opacity: 0;visibility: hidden;transition: all 0.2s;padding: 20px;touch-action: none;overscroll-behavior: contain}.footer-modal-overlay.show{opacity: 1;visibility: visible}.footer-modal{background: var(--color-white);border: 3px solid var(--border-color);border-radius: 12px;box-shadow: 8px 8px 0 var(--border-color);width: 100%;max-width: 500px;max-height: 80vh;overflow: hidden;transform: scale(0.9) translateY(20px);transition: transform 0.2s;display: flex;flex-direction: column}.footer-modal-lg{max-width: 700px}.footer-modal-overlay.show .footer-modal{transform: scale(1) translateY(0)}.footer-modal-header{padding: 16px 20px;background: var(--color-cream);border-bottom: 2px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;flex-shrink: 0}.footer-modal-header h3{font-size: 1.1rem;font-weight: 800;margin: 0;color: var(--text-color)}.footer-modal-close{width: 32px;height: 32px;font-size: 1.4rem}.footer-modal-body{padding: 24px;overflow-y: auto;flex: 1;background: var(--color-white);touch-action: pan-y;overscroll-behavior: contain}.footer-modal textarea{touch-action: pan-y}.loading-text{text-align: center;color: var(--text-muted);padding: 40px;font-weight: 600}.footer-modal .form-group{margin-bottom: 20px}.footer-modal .form-group label{display: block;font-weight: 700;margin-bottom: 8px;color: var(--text-color)}.required{color: var(--accent-color)}.footer-modal .form-control{width: 100%;padding: 12px 14px;border: 2px solid var(--border-color);border-radius: 8px;font-size: 15px;transition: all 0.15s;box-sizing: border-box;background: var(--color-white)}.footer-modal .form-control:focus{outline: none;border-color: var(--accent-color);box-shadow: var(--shadow-sm)}.footer-modal textarea.form-control{resize: vertical;min-height: 120px}.form-actions{display: flex;gap: 12px;justify-content: flex-end;margin-top: 24px}.form-actions .btn{padding: 12px 24px;font-size: 14px;font-weight: 700;border: 2px solid var(--border-color);border-radius: 8px;cursor: pointer;transition: all 0.15s}.form-actions .btn-outline{background: var(--color-white);color: var(--text-color)}.form-actions .btn-outline:hover{background: var(--color-cream)}.form-actions .btn-primary{background: var(--primary-color);color: var(--text-color);box-shadow: var(--shadow-sm)}.form-actions .btn-primary:hover{transform: translate(-2px,-2px);box-shadow: 5px 5px 0 var(--border-color)}.notice-list-modal{list-style: none;padding: 0;margin: 0}.notice-list-modal li{border-bottom: 2px solid var(--border-color)}.notice-list-modal li:last-child{border-bottom: none}.notice-list-modal a{display: flex;align-items: center;padding: 16px 0;text-decoration: none;color: inherit;transition: all 0.15s}.notice-list-modal a:hover{background: var(--primary-color);margin: 0 -24px;padding-left: 24px;padding-right: 24px}.notice-pin{margin-right: 8px}.notice-title-text{flex: 1;font-weight: 700}.notice-date{color: var(--text-muted);font-size: 13px;font-weight: 600}.notice-detail-content{line-height: 1.8}.notice-detail-content p{margin-bottom: 16px}.notice-back-btn{display: inline-flex;align-items: center;gap: 6px;color: var(--text-color);background: var(--color-cream);border: 2px solid var(--border-color);border-radius: 6px;cursor: pointer;font-size: 14px;font-weight: 700;padding: 8px 14px;margin-bottom: 16px;transition: all 0.15s}.notice-back-btn:hover{background: var(--primary-color);transform: translate(-2px,-2px);box-shadow: 2px 2px 0 var(--border-color)}.empty-content{text-align: center;color: var(--text-muted);padding: 40px 20px;font-weight: 600}.legal-content{line-height: 1.8}.legal-content h2,.legal-content h3{margin-top: 24px;margin-bottom: 12px;font-weight: 800;color: var(--text-color)}.legal-content h2{font-size: 1.2rem;padding-bottom: 8px;border-bottom: 2px solid var(--border-color)}.legal-content p{margin-bottom: 16px}.legal-content ul,.legal-content ol{margin-bottom: 16px;padding-left: 24px}.legal-content li{margin-bottom: 8px}.footer-modal-overlay.is-hidden{display: none}.dm-thread-view.is-hidden{display: none}.support-guest-extra{display: flex;flex-direction: column;gap: 8px;margin-bottom: 10px}.support-guest-notice{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--text-muted)}.support-guest-notice a{color: var(--text-color);font-weight: 700;text-decoration: underline}.support-guest-email{width: 100%;box-sizing: border-box;padding: 9px 12px;font-size: 14px;border: 2px solid var(--border-color);border-radius: 8px;background: var(--color-white)}.support-guest-email:focus{outline: none;border-color: var(--accent-color)}.support-captcha{min-height: 0}.support-captcha.is-hidden{display: none}.sns-ref-row{display: flex;gap: 8px;margin-top: 6px}.sns-ref-input{text-transform: uppercase;flex: 1;padding: 10px 12px;border: 1px solid var(--border-color);border-radius: 8px}.sns-ref-apply-btn{flex-shrink: 0}.sns-ref-later-btn{width: 100%;margin-top: 10px}.cookie-consent{position: fixed;bottom: 0;left: 0;right: 0;z-index: var(--z-overlay);padding: 0 16px 16px;pointer-events: none}.cookie-consent-inner{max-width: 600px;margin: 0 auto;background: var(--color-white,#fff);border: 3px solid var(--border-color,#1a1a1a);border-radius: 12px;box-shadow: 6px 6px 0 var(--border-color,#1a1a1a);padding: 18px 20px;display: flex;align-items: center;gap: 16px;pointer-events: auto}.cookie-consent-text{flex: 1}.cookie-consent-text strong{font-size: 14px;display: block;margin-bottom: 4px}.cookie-consent-text p{margin: 0;font-size: 12px;color: var(--text-muted,#666);line-height: 1.5}.cookie-consent-actions{display: flex;flex-direction: column;align-items: center;gap: 6px;flex-shrink: 0}.cookie-accept-btn{padding: 10px 24px;background: var(--primary-color,#FFE566);border: 2px solid var(--border-color,#1a1a1a);border-radius: 8px;font-weight: 700;font-size: 13px;cursor: pointer;box-shadow: 3px 3px 0 var(--border-color,#1a1a1a);transition: all 0.15s;white-space: nowrap}.cookie-accept-btn:hover{transform: translate(-2px,-2px);box-shadow: 5px 5px 0 var(--border-color,#1a1a1a)}.cookie-accept-btn:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color,#1a1a1a)}.cookie-reject-btn{padding: 10px 18px;background: transparent;border: 2px solid var(--border-color,#1a1a1a);border-radius: 8px;font-weight: 700;font-size: 13px;cursor: pointer;white-space: nowrap;transition: all 0.15s}.cookie-reject-btn:hover{background: var(--color-gray-100,#f0f0f0)}.cookie-learn-more{font-size: 11px;color: var(--text-muted,#666);text-decoration: underline}@media (max-width: 480px){.cookie-consent{padding: 0 10px 10px}.cookie-consent-inner{flex-direction: column;text-align: center;gap: 12px;padding: 16px}.cookie-consent-actions{flex-direction: row-reverse;gap: 12px}}.points-modal-overlay{display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.45);z-index: var(--z-overlay);justify-content: center;align-items: flex-end;padding: 0}.points-modal-overlay.show{display: flex}@media (min-width: 481px){.points-modal-overlay{align-items: center;padding: 16px}}.points-modal{background: #fff;width: 100%;max-width: 480px;max-height: 96dvh;display: flex;flex-direction: column;border-radius: 16px 16px 0 0;box-shadow: 0 -4px 24px rgba(0,0,0,0.15);animation: pmUp 0.25s ease-out}@media (min-width: 481px){.points-modal{border-radius: 16px;max-height: 92dvh;border: 2px solid var(--border-color);box-shadow: var(--shadow)}}@keyframes pmUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.points-modal-header{display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;border-bottom: 2px solid var(--border-color);flex-shrink: 0}.points-modal-header h3{margin: 0;font-size: 15px;font-weight: 800}.points-modal-close{background: none;border: none;font-size: 18px;cursor: pointer;padding: 4px 8px;border-radius: 6px;color: var(--text-muted)}.points-modal-close:hover{background: #f0f0f0}.points-modal-body{overflow-y: auto;-webkit-overflow-scrolling: touch;flex: 1;min-height: 0}.points-modal-loading{text-align: center;padding: 60px 20px;font-size: 32px}.pm-balance{display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap;padding: 14px 16px;background: linear-gradient(135deg,#fff9e6 0%,#fff3cd 100%)}.pm-balance-main{display: flex;align-items: baseline;gap: 3px}.pm-balance-value{font-size: 28px;font-weight: 800}.pm-balance-unit{font-size: 15px;font-weight: 700;color: var(--text-muted)}.pm-shop-btn{flex-shrink: 0;white-space: nowrap;display: inline-flex;align-items: center;justify-content: center;padding: 8px 12px}.pm-shop-btn img{width: 22px;height: 22px;display: block}.pm-section-title{padding: 10px 18px 6px;font-size: 12px;font-weight: 700;color: var(--text-muted);letter-spacing: 0.5px}.pm-list{max-height: 55dvh;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #ccc transparent}.pm-list::-webkit-scrollbar{width: 5px}.pm-list::-webkit-scrollbar-track{background: transparent}.pm-list::-webkit-scrollbar-thumb{background: #ccc;border-radius: 4px}.pm-list::-webkit-scrollbar-thumb:hover{background: #aaa}.pm-item{display: flex;align-items: center;padding: 8px 18px;border-bottom: 1px solid #f0f0f0;gap: 10px}.pm-item:last-child{border-bottom: none}.pm-icon{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 800;flex-shrink: 0}.pm-icon.earn{background: #ecfdf5;color: #10b981}.pm-icon.spend{background: #fef2f2;color: #ef4444}.pm-info{flex: 1;min-width: 0}.pm-desc{font-size: 12px;font-weight: 600;color: var(--text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.pm-date{font-size: 10px;color: var(--text-muted)}.pm-amount{font-size: 14px;font-weight: 700;flex-shrink: 0}.pm-amount.earn{color: #10b981}.pm-amount.spend{color: #ef4444}.pm-empty{text-align: center;padding: 28px 16px;color: var(--text-muted);font-size: 13px}.pm-footer{padding: 12px 18px 16px;border-top: 1px solid #f0f0f0;flex-shrink: 0}.pm-guide-compact{font-size: 11px;color: #777;line-height: 1.7}.pm-guide-compact span{display: inline}.pm-guide-compact .sep{margin: 0 4px;color: #ccc}.pm-guide-compact .warn{display: block;margin-top: 6px;color: #996600;font-weight: 600;font-size: 10px}.report-modal-body{padding: 20px}.report-modal-field{margin-bottom: 16px}.report-modal-label{display: block;font-size: 14px;font-weight: 600;margin-bottom: 8px}.report-modal-select{width: 100%;padding: 12px;cursor: pointer}.report-modal-textarea{width: 100%;min-height: 80px;resize: vertical;font-family: inherit}.report-modal-footer{padding: 16px 20px;border-top: var(--border-width) solid var(--border-color);background: var(--color-cream)}.comments-modal,.comments-modal-overlay,.confirm-modal-overlay,.editor-modal-overlay,.follow-modal-overlay,.like-users-modal,.like-users-modal-overlay,.save-progress-overlay{display: none}
:root{--dialog-close-size: 44px;--dialog-close-inset: 12px}.mbs-dialog-header--compact,.neo-dialog-header.mbs-dialog-header{--dialog-close-size: 32px;--dialog-close-inset: 6px}body .mbs-dialog-header{display: flex;align-items: center;position: sticky;top: 0;z-index: 3;flex-shrink: 0;box-sizing: border-box;min-height: calc(var(--dialog-close-size) + var(--dialog-close-inset) * 2);padding-right: calc(var(--dialog-close-size) + var(--dialog-close-inset) * 2 + 4px);padding-top: var(--dialog-close-inset);padding-bottom: var(--dialog-close-inset)}body .mbs-dialog-header > h2,body .mbs-dialog-header > h3,body .mbs-dialog-header > .modal-title{min-width: 0;margin: 0;padding-right: 0;overflow-wrap: anywhere}.mbs-dialog-header > button.mbs-dialog-close{position: absolute;top: 50%;right: var(--dialog-close-inset);left: auto;bottom: auto;width: var(--dialog-close-size);height: var(--dialog-close-size);min-width: var(--dialog-close-size);min-height: var(--dialog-close-size);margin: 0;padding: 0;float: none;flex: none;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;line-height: 1;transform: translateY(-50%);cursor: pointer}body .neo-dialog-header.mbs-dialog-header{display: flex;align-items: center;gap: 8px;padding-top: 4px;padding-bottom: 4px;padding-right: var(--dialog-close-inset)}.neo-dialog-header.mbs-dialog-header > h3{flex: 1 1 auto}.neo-dialog-header.mbs-dialog-header > button.mbs-dialog-close{position: static;transform: none}.mbs-dialog-close:focus-visible{outline: 3px solid var(--primary-color,#4f46e5);outline-offset: 2px}.mbs-dialog-body{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain}.share-sheet.mbs-dialog-shell{display: flex;flex-direction: column;max-height: calc(100vh - 24px);max-height: calc(100dvh - 24px);overflow: hidden;box-sizing: border-box}.share-sheet.mbs-dialog-shell > .share-sheet-page{min-height: 0;overflow-y: auto;overscroll-behavior: contain}.profile-edit-content.mbs-dialog-shell,.crop-modal-content.mbs-dialog-shell{max-height: calc(100vh - 40px);max-height: calc(100dvh - 40px);display: flex;flex-direction: column;overflow: hidden;padding: 0;box-sizing: border-box}.profile-edit-header.mbs-dialog-header{padding-top: 20px;padding-bottom: 20px;padding-left: 24px;margin: 0}.profile-edit-body{padding: 24px}.iframe-help-box{background: #fff;color: #1a1a1a;border-radius: 16px;max-width: 420px;width: 90%;max-height: 75vh;display: flex;flex-direction: column;overflow: hidden}.iframe-help-header{padding-top: 20px;padding-bottom: 20px;padding-left: 20px;border-bottom: 1px solid #eee}.iframe-help-body{padding: 20px}.iframe-help-close{background: none;border: none;font-size: 24px;color: #666}.mbs-dialog-close--viewport{position: fixed;top: calc(env(safe-area-inset-top,0px) + var(--dialog-close-inset));right: var(--dialog-close-inset);width: var(--dialog-close-size);height: var(--dialog-close-size)}.mbs-image-overlay > button.mbs-dialog-close{width: var(--dialog-close-size);height: var(--dialog-close-size);top: calc(env(safe-area-inset-top,0px) + var(--dialog-close-inset));right: var(--dialog-close-inset)}