@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap";:root{font-family:Pretendard,system-ui,-apple-system,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,p{margin:0}.chat-fab{position:fixed;right:16px;bottom:16px;z-index:8400;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border:1px solid var(--card-border);border-radius:999px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:grab;box-shadow:var(--shadow-lg);touch-action:none;-webkit-user-select:none;user-select:none}.chat-fab:active{cursor:grabbing}.chat-fab img{width:24px;height:24px;object-fit:contain;pointer-events:none}.chat-fab span{pointer-events:none}.chat-fab-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#e53935;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg);pointer-events:none}.chat-backdrop{display:none}.chat-panel{--chat-gap: 12px;--chat-main-w: 480px;position:fixed;z-index:8500;display:flex;flex-direction:column;background:var(--card);color:var(--text);border:1px solid var(--card-border);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.chat-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--card-border);background:var(--card);flex:0 0 auto}.chat-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.chat-title>.chat-badge{width:20px;height:20px}.chat-presence{font-size:12px;font-weight:600;color:#4caf50;margin-left:4px}.chat-close{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}.chat-close:hover{color:var(--text)}.chat-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.chat-empty{margin:auto;padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.chat-messages{flex:1 1 auto;overflow-y:auto;padding:12px 14px;min-height:0}.chat-system{text-align:center;color:var(--text-muted);font-size:12px;padding:6px 0}.chat-msg{margin-bottom:8px;line-height:1.5;font-size:14px;word-break:break-word}.chat-time{font-size:10px;color:var(--text-muted);margin-left:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.chat-date-divider{text-align:center;margin:12px 0 8px}.chat-date-divider span{display:inline-block;padding:3px 12px;font-size:11px;color:var(--text-secondary);background:var(--field-bg);border:1px solid var(--card-border);border-radius:999px}.chat-nick{font-weight:700;color:var(--gold)}.chat-msg .chat-badge{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin:0 5px}.chat-text{color:var(--text)}.chat-msg.mine .chat-nick{color:var(--accent)}.chat-input{flex:0 0 auto;display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--card-border);background:var(--card)}.chat-input input{flex:1 1 auto;min-width:0;padding:9px 12px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--text);font-size:14px}.chat-input input:focus{outline:none;border-color:var(--field-focus)}.chat-input button{flex:0 0 auto;padding:0 16px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-panel{inset:auto 12px 16px auto;width:min(92vw,380px);height:min(70vh,520px);border-radius:16px}.chat-backdrop{display:block;position:fixed;inset:0;z-index:8490;background:transparent}@media(min-width:1024px){.chat-backdrop{display:none}}@media(min-width:1024px){.chat-panel{left:calc(50vw + (var(--chat-main-w) / 2) + var(--chat-gap));right:auto;top:var(--chat-gap);bottom:var(--chat-gap);width:var(--chat-main-w);max-width:calc(50vw - (var(--chat-main-w) / 2) - (var(--chat-gap) * 2));height:auto;border-radius:14px}}:root{--bg: #2B1B17;--bg-warm: #2B1B17;--card: #3D2820;--card-border: #4D3828;--text: #f2ece3;--text-primary: #f2ece3;--text-secondary: #cdb8a8;--text-muted: #b09878;--accent: #c45a3c;--accent-light: #4A2418;--accent-hover: #a84830;--gold: #b08d57;--gold-light: #3A2A10;--gold-muted: #c4ad7d;--icon-line: #d1bd9d;--field-bg: #4A3028;--field-border: #5A4035;--field-focus: #b08d57;--shadow-sm: 0 1px 4px rgba(26, 22, 18, .05);--shadow-md: 0 4px 20px rgba(26, 22, 18, .08);--shadow-lg: 0 12px 40px rgba(26, 22, 18, .12);--shadow-glow: 0 0 30px rgba(176, 141, 87, .1);--radius: 16px;--radius-sm: 10px;--wiki-surface: #34221b;--wiki-surface-2: #3f2a21;--wiki-line: #523a2c;--wiki-ink: #f3ede4;--wiki-ink-2: #d8c7b6;--wiki-ink-3: #ad9a86;--wiki-gold: #e0b770;--serif: "Playfair Display", Georgia, "Times New Roman", serif;--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--px-cream: #f7efd9;--px-paper: #fffdf6;--px-cell: #e9e1d3;--px-ink: #3a2e2a;--px-border: #4a3b2e;--px-line: #e0d3b6;--px-field-border: #cbb98e;--px-red: #8e2f3c;--px-red-deep: #5e1f28;--px-gold: #c89b3c;--px-gold-deep: #8a6b1f;--px-sub: #6d5f52;--px-muted: #8a7b68;--px-font: "Galmuri11", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:#17100c;color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-wrap:break-word}#root{position:relative;z-index:1;background:var(--bg)}.ornament{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem 0 1.5rem}.ornament:before,.ornament:after{content:"";height:1px;width:2.5rem;background:linear-gradient(90deg,transparent,var(--gold-muted),transparent)}.ornament-diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}.home{max-width:520px;margin:0 auto;padding:3.5rem 1.5rem 4rem;text-align:center}.home>.label-header{text-align:left}.home-brand{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.home .title{font-family:var(--sans);font-size:2.2rem;font-weight:700;color:var(--text);margin:0 0 .25rem;letter-spacing:-.01em;line-height:1.2}.home .subtitle{color:var(--text-muted);font-size:.9rem;font-weight:400;margin:0 0 2rem}.home-desc{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:1.25rem}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.type-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .4rem .85rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);cursor:pointer;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);color:var(--text);font-family:inherit;box-shadow:var(--shadow-sm);overflow:hidden}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold-muted),var(--gold),var(--gold-muted));opacity:0;transition:opacity .3s}.type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md),var(--shadow-glow);border-color:var(--gold-muted)}.type-card:hover:before{opacity:1}.type-card:active{transform:translateY(-2px)}.type-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.type-name{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.01em;line-height:1.25;word-break:keep-all;text-align:center}.dw-hero{display:flex;justify-content:center;margin:.25rem 0 1rem}.dw-hero-icon{width:6rem;height:6rem;margin-bottom:1.25rem;color:var(--gold);display:flex;align-items:center;justify-content:center}.dw-hero-icon svg{width:100%;height:100%}.dw-hero-icon img{width:100%;height:100%;object-fit:contain}.dw-tabs{display:flex;gap:.4rem;margin-bottom:.85rem}.dw-tab{flex:1;padding:.55rem .4rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--sans);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.dw-tab.active{color:var(--text);border-color:var(--gold-muted);background:var(--field-bg)}.dw-tab-count{opacity:.6;font-size:.85em}.dw-empty{text-align:center;color:var(--text-muted);font-size:.9rem;padding:2rem 1rem}.dw-card-sub{font-style:normal;font-size:.82em;opacity:.6;margin-left:.4em}.dw-review-body.collapsed{max-height:320px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}.dw-review-more{display:block;margin:.6rem auto 0;padding:.4rem 1.4rem;background:#b08d571f;border:1px solid var(--gold);border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--gold);-webkit-tap-highlight-color:transparent}.dw-review-more:hover{background:#b08d5738}.dw-review-block{margin:.85rem 0 0;padding:.1rem 0 .1rem .7rem;border-left:3px solid var(--gold)}.dw-review-block-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--gold);margin-bottom:.25rem}.dw-review-block-text{margin:0;font-size:.9rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.dw-review-photos-field{display:flex;flex-direction:column;gap:.35rem}.dw-review-photos-label{font-size:.85rem;color:var(--text-muted)}.dw-review-photos-row{display:flex;gap:.5rem;flex-wrap:wrap}.dw-review-photo-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--card-border)}.dw-review-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dw-review-photo-thumb button{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#000000a6;color:#fff;font-size:.7rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.dw-review-photo-add{width:72px;height:72px;border:1px dashed var(--gold-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--gold-muted);cursor:pointer}.dw-review-photo-add.busy{opacity:.5;cursor:wait}.dw-review-photo-strip{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.dw-review-photo-strip img{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--card-border);display:block}.dw-review-field{display:flex;flex-direction:column;gap:.3rem}.dw-review-field>span{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-muted);font-weight:500}.dw-review-field textarea{padding:.6rem .75rem;background:var(--field-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;resize:vertical}.dw-len{color:var(--text-muted)}.dw-len-ok{color:var(--gold);font-weight:700}.dw-review-credit-hint{font-size:.8rem;color:var(--text-muted);margin:-.2rem 0 .2rem;padding:.5rem .7rem;background:#ffffff0a;border:1px solid var(--card-border);border-radius:6px}.dw-review-credit-msg{font-size:.85rem;color:var(--gold);font-weight:600;margin:0}.dw-rank-sort{display:flex;gap:.4rem;margin-bottom:.6rem}.dw-rank-tab{flex:1;padding:.5rem;background:var(--card);border:1px solid var(--card-border);border-radius:8px;color:var(--text-muted);font-family:var(--sans);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s}.dw-rank-tab.active{background:var(--gold);color:var(--bg, #1a1208);border-color:var(--gold)}.dw-rank-notice{font-size:.8rem;color:var(--text-muted);margin:0 0 .85rem;padding:.55rem .75rem;background:#ffffff0a;border:1px solid var(--card-border);border-radius:6px}.dw-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.dw-rank-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .2s}.dw-rank-item:hover{border-color:var(--gold-muted)}.dw-rank-num{flex:0 0 auto;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--field-bg);color:var(--text-muted);font-weight:700;font-size:.85rem}.dw-rank-num.top{background:linear-gradient(135deg,#d9a441,#b5762a);color:#1a1208}.dw-rank-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dw-rank-name{font-family:var(--sans);font-weight:600;font-size:.92rem}.dw-rank-meta{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.admin-drink-wiki-page{max-width:900px;margin:0 auto}.admin-drink-wiki-page .admin-title{font-family:var(--sans);font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.admin-drink-wiki-page .admin-subtitle{color:var(--text-muted);font-size:.88rem;margin:0 0 1rem}.admin-drink-wiki-page .admin-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.admin-drink-wiki-page .admin-tab{padding:.45rem 1rem;background:var(--card);border:1px solid var(--card-border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-family:var(--sans)}.admin-drink-wiki-page .admin-tab.active{background:var(--gold);color:var(--bg, #1a1208);border-color:var(--gold)}.admin-drink-wiki-page .admin-loading,.admin-drink-wiki-page .admin-empty{text-align:center;color:var(--text-muted);padding:2rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th,.admin-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--card-border);vertical-align:top}.admin-table th{color:var(--text-muted);font-weight:600;white-space:nowrap}.admin-btn-approve,.admin-btn-reject{padding:.3rem .7rem;border-radius:5px;border:none;cursor:pointer;font-size:.8rem;margin-right:.3rem}.admin-btn-approve{background:var(--gold);color:var(--bg, #1a1208)}.admin-btn-reject{background:var(--field-bg);color:var(--text-muted);border:1px solid var(--card-border)}.admin-btn-approve:disabled,.admin-btn-reject:disabled{opacity:.5;cursor:not-allowed}.admin-back-link{display:inline-block;margin-bottom:.75rem;color:var(--text-muted);text-decoration:none;font-size:.85rem}.admin-back-link:hover{color:var(--gold)}.admin-wiki-tile{position:relative}.admin-wiki-tile-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:#e2483d;color:#fff;border-radius:9px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.admin-quick-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--card-border)}.admin-section-title{font-family:var(--sans);font-size:1rem;font-weight:700;margin:.5rem 0 .35rem}.app{max-width:480px;margin:0 auto;padding:2rem 1.25rem 3rem}.label-header{margin-bottom:1.75rem}.back-btn{display:block;text-align:left;width:fit-content;background:none;border:none;color:var(--gold-muted);font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;font-family:inherit;transition:opacity .2s;letter-spacing:.02em}.back-btn:hover{opacity:.7}.title{font-family:var(--sans);font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 .25rem;letter-spacing:-.01em;color:var(--text)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:.4rem;flex:1}.field label:first-child{font-size:.78rem;font-weight:550;color:var(--text-muted);letter-spacing:.03em}.field input,.field select{background:var(--field-bg);border:1.5px solid var(--field-border);border-radius:var(--radius-sm);padding:.7rem .85rem;font-size:.95rem;color:var(--text);font-family:inherit;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{outline:none;border-color:var(--field-focus);box-shadow:0 0 0 3px #b08d571f}.field input::placeholder{color:var(--text-muted)}.field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239a8e80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.25rem}.field-row{display:flex;gap:.875rem}.birth-row{display:flex;gap:.6rem}.birth-row .field{flex:1}.cooldown-hint{color:var(--text-muted);font-size:.85rem;text-align:center;padding:.5rem}.validation-error{color:#e7a99c;font-size:.85rem;text-align:center;padding:.6rem .75rem;background:#3a201b;border:1px solid #7a3a2e;border-radius:var(--radius-sm)}.radio-group{display:flex;gap:.6rem}.radio-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.55rem 1.1rem;background:var(--field-bg);border:1.5px solid var(--field-border);border-radius:var(--radius-sm);font-size:.95rem;transition:border-color .2s,background .2s;font-weight:450}.radio-label:has(input:checked){border-color:var(--gold);background:var(--gold-light);color:var(--gold-muted);font-weight:600}.radio-label input[type=radio]{accent-color:var(--gold)}.ai-notice{display:flex;align-items:center;justify-content:center;gap:.3rem;margin:.6rem 0;font-size:.78rem;color:var(--text-muted);letter-spacing:.02em;opacity:1;text-align:center}.ai-notice--caption{margin-top:-.2rem;margin-bottom:.8rem}.submit-btn{margin-top:.5rem;padding:.9rem;font-size:.95rem;font-weight:600;color:#f2ece3;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s;font-family:inherit;letter-spacing:.03em;box-shadow:0 2px 8px #c45a3c40}.submit-btn:hover{box-shadow:0 4px 16px #c45a3c59;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.loading{text-align:center;margin-top:2.5rem;color:var(--text-secondary)}.loading p{margin-top:1rem;font-size:.88rem}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:60vh}.spinner{width:32px;height:32px;margin:0 auto;border:2.5px solid var(--card-border);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}.error-message{margin-top:1.5rem;padding:1rem 1.25rem;background:#3a201b;border:1px solid #7a3a2e;border-radius:var(--radius);color:#e7a99c;text-align:center;font-size:.85rem}.result-page{max-width:480px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1rem}.result-back-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem 0;font-family:inherit;transition:opacity .2s;text-align:left;align-self:flex-start;letter-spacing:.02em}.result-back-btn:hover{opacity:.7}.result-image-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--card-border)}.result-image{width:100%;display:block}.result-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.result-card-title{font-size:.7rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .6rem}.result-trait{font-size:.75rem;padding:.2rem .6rem;background:var(--field-bg);border:1px solid var(--card-border);border-radius:20px;color:var(--text-secondary);font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-page>*{animation:fadeUp .5s ease both}.result-page>*:nth-child(1){animation-delay:0s}.result-page>*:nth-child(2){animation-delay:.05s}.result-page>*:nth-child(3){animation-delay:.1s}.result-page>*:nth-child(4){animation-delay:.15s}.result-page>*:nth-child(5){animation-delay:.2s}.result-page>*:nth-child(6){animation-delay:.25s}.result-page>*:nth-child(7){animation-delay:.3s}.result-page>*:nth-child(8){animation-delay:.35s}.result-page>*:nth-child(9){animation-delay:.4s}.result-page>*:nth-child(10){animation-delay:.45s}.result-page>*:nth-child(11){animation-delay:.5s}.result-page>*:nth-child(12){animation-delay:.55s}.result-page>*:nth-child(13){animation-delay:.6s}.result-page>*:nth-child(14){animation-delay:.65s}.result-page>*:nth-child(15){animation-delay:.7s}.result-page>*:nth-child(16){animation-delay:.75s}.interp-unlock-btn{display:block;width:100%;max-width:480px;margin:.15rem auto 0;background:var(--gold);color:#f2ece3;border:2px solid var(--gold);border-radius:var(--radius-sm);padding:.85rem 1.75rem;font-family:var(--sans);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;box-shadow:0 2px 12px #b08d5726}.interp-unlock-btn:hover{transform:translateY(-1px);background:var(--gold-muted);color:#f2ece3;box-shadow:0 4px 16px #b08d5759}.interp-unlock-btn:active{transform:translateY(0)}.top-bar-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .3s ease}.top-bar-wrapper.hidden{transform:translateY(-100%)}.survivors-theme .top-bar{background:#0d0d1a;box-shadow:none;border-bottom:1px solid rgba(255,204,0,.2)}.survivors-theme .nav-menu-btn{color:#aaa}.survivors-theme .btn-ad-free-topbar{color:#fc0;border-color:#fc06;background:transparent;box-shadow:none}.survivors-theme .topbar-account-btn{color:#f2ece3;border-color:#ffcc0059;background:transparent;box-shadow:none}.survivors-theme .topbar-account-btn:hover{background:#ffcc0014}.survivors-theme .nav-menu-dropdown{background:#1a1a2e;border:1px solid rgba(255,204,0,.2);color:#f2ece3}.survivors-theme .nav-menu-label{color:#aaa}.survivors-theme .nav-menu-item{color:#ddd}.survivors-theme .nav-menu-item:hover{background:#ffcc0014}.survivors-theme .nav-menu-item.active{color:#fc0}.survivors-theme .nav-menu-divider{border-color:#ffcc0026}.survivors-theme .language-selector{background:#1a1a2e;color:#ddd;border-color:#ffcc004d}.survivors-theme .nav-menu-nickname{color:#aaa}.survivors-theme .nav-menu-auth button{color:#ddd}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.2rem 1rem;background:linear-gradient(180deg,#fbf5e4,var(--px-cream));border-bottom:2px solid var(--px-border);box-shadow:0 3px #4a3b2e29;font-family:var(--px-font);color:var(--px-ink)}.top-bar-row2{display:none}.top-bar-row1-right{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.topbar-account-btn{max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--px-paper);border:2px solid var(--px-border);color:var(--px-ink);border-radius:0;padding:.2rem .6rem;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;box-shadow:0 2px #4a3b2e8c;transition:transform .06s,box-shadow .06s,background .15s}.topbar-account-btn:hover{background:#fdf8ea}.topbar-account-btn:active{transform:translateY(2px);box-shadow:0 0 #4a3b2e8c}.btn-ad-free-topbar{background:var(--px-paper);border:2px solid var(--px-red);color:var(--px-red);border-radius:0;padding:.2rem .6rem;font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px #8e2f3c80;transition:transform .06s,box-shadow .06s,background .15s}.btn-ad-free-topbar:hover{background:#f7e7e4}.btn-ad-free-topbar:active{transform:translateY(2px);box-shadow:0 0 #8e2f3c80}.top-bar-spacer{height:46px;flex-shrink:0}.top-bar-home{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--text);font-family:var(--sans);font-weight:700;font-size:1rem;padding:.25rem .75rem;border-radius:0;transition:opacity .2s}.top-bar-home:hover{opacity:.7}.top-bar-home img{height:28px;width:auto}.language-selector{background:var(--px-cream);border:2px solid var(--px-field-border);border-radius:0;padding:.35rem 1.8rem .35rem .5rem;font-size:.8rem;font-family:inherit;font-weight:700;color:var(--px-ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a7b68' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s;justify-self:start}.language-selector:hover{border-color:var(--px-gold)}.language-selector:focus{outline:none;border-color:var(--px-gold);box-shadow:0 0 0 3px #c89b3c2e}.top-bar-left{position:relative;display:flex;align-items:center;gap:.1rem;justify-self:start}.nav-menu-container{position:relative;justify-self:start}.nav-menu-btn{background:transparent;border:none;border-radius:0;padding:.2rem .5rem;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--px-ink);transition:background .2s}.nav-menu-btn:hover,.nav-menu-btn.open{background:#3a2e2a17}.notif-container{display:flex}.notif-btn{position:relative;background:transparent;border:none;border-radius:0;padding:.2rem .45rem;font-size:1.35rem;line-height:1;cursor:pointer;color:var(--px-ink);transition:background .2s}.notif-btn:hover,.notif-btn.open{background:#3a2e2a17}.notif-btn svg{display:block}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:0;background:var(--px-red);color:#fff7ee;font-size:.62rem;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box;box-shadow:0 1px 0 var(--px-red-deep)}.notif-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:min(330px,calc(100vw - 24px));max-height:min(60vh,460px);overflow-y:auto;background:var(--px-paper);color:var(--px-ink);border:2px solid var(--px-border);border-radius:0;filter:drop-shadow(0 4px 0 rgba(74,59,46,.28));z-index:200;padding:.35rem 0;animation:navMenuSlideDown .18s ease}.notif-head{padding:.35rem .8rem .5rem;font-size:.78rem;font-weight:700;color:var(--px-muted);letter-spacing:.02em}.notif-empty{padding:1.1rem .8rem;text-align:center;font-size:.85rem;color:var(--px-muted)}.notif-item{display:block;width:100%;padding:.55rem .8rem;background:none;border:none;border-top:1px solid var(--px-line);cursor:pointer;text-align:left;font-family:inherit;color:var(--px-ink)}.notif-item:hover{background:#fdf8ea}.notif-item.unread{box-shadow:inset 3px 0 0 var(--px-red)}.notif-item-head{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.15rem}.notif-item-action{flex:1;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-time{flex-shrink:0;font-size:.7rem;color:var(--px-muted)}.notif-item-title{display:block;font-size:.78rem;color:var(--px-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-excerpt{display:block;margin-top:.15rem;font-size:.8rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu-btn svg{display:block}.nav-menu-item svg{flex-shrink:0}.nav-menu-item svg{color:var(--px-sub);--icon-accent: var(--px-sub)}.nav-menu-item>span:first-child{display:inline-flex;align-items:center;font-size:1.1em}.btn-ad-free-topbar{display:inline-flex;align-items:center;gap:.3rem}.wiki-card-emoji,.wiki-hero-emoji{display:inline-block;line-height:1}.wiki-card-emoji svg,.wiki-hero-emoji svg,.wiki-ability-icon svg,.quiz-result-emoji svg,.quiz-cat-emoji svg,.quiz-ox-symbol svg{display:block;margin:0 auto}.quiz-badge svg,.quiz-review-badge svg,.quiz-result-cat svg{vertical-align:-.18em}.wiki-ability-type-icon svg{vertical-align:-.12em}@keyframes navMenuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;background:var(--px-paper);color:var(--px-ink);border:2px solid var(--px-border);border-radius:0;filter:drop-shadow(0 4px 0 rgba(74,59,46,.28));z-index:200;padding:.5rem 0;display:flex;flex-direction:column;animation:navMenuSlideDown .18s ease}.nav-menu-section{padding:.3rem .75rem}.nav-menu-label{font-size:.68rem;font-weight:700;color:var(--px-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.nav-menu-divider{border:none;border-top:1px solid var(--px-line);margin:.4rem 0}.nav-menu-section .language-selector{width:100%;justify-self:unset;background-color:var(--px-cream);color:var(--px-ink)}.language-selector option{background-color:var(--px-paper);color:var(--px-ink)}.nav-menu-auth{display:flex;flex-direction:column;gap:.2rem}.nav-menu-nickname{font-size:.85rem;font-weight:700;color:var(--px-ink);padding:.15rem .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.nav-menu-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .75rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:700;color:var(--px-ink);text-align:left;transition:background .15s;border-radius:0}.nav-menu-item:hover{background:#f1e8d2}.nav-menu-item.active{color:var(--px-red)}.nav-menu-item.active svg{color:var(--px-red);--icon-accent: var(--px-red)}.nav-menu-item.nav-menu-action{color:var(--px-sub);font-size:.82rem}.nav-menu-logout{border:2px solid var(--px-red);color:var(--px-red);background:var(--px-paper);border-radius:0;padding:.25rem .6rem;font-size:.82rem;margin:.3rem .75rem;width:calc(100% - 1.5rem);justify-content:center;box-shadow:0 2px #8e2f3c80;transition:transform .06s,box-shadow .06s,background .15s}.nav-menu-logout:hover{background:#f7e7e4}.nav-menu-logout:active{transform:translateY(2px);box-shadow:0 0 #8e2f3c80}.survivors-theme .nav-menu-logout{border-color:#ffcc0080;color:#fc0;background:transparent;box-shadow:none}@media(max-width:400px){.nav-menu-dropdown{min-width:185px}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .top-bar-wrapper{right:0;left:0}[dir=rtl] .language-selector{padding:.35rem .5rem .35rem 1.8rem;background-position:left .5rem center}[dir=rtl] .form-row{flex-direction:row-reverse}[dir=rtl] .back-link{direction:ltr}.share-bar{display:flex;gap:.5rem;width:100%;max-width:480px;margin:0 auto}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.8rem 1rem;font-size:.9rem;font-weight:600;font-family:inherit;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card);color:var(--text-secondary);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.share-btn:hover{border-color:var(--gold-muted);color:var(--gold);box-shadow:var(--shadow-md)}.share-btn-blue{background:#3b72d9;border-color:#3b72d9;color:#f2ece3;font-weight:600}.share-btn-blue:hover{background:#2553a8;border-color:#2553a8;color:#f2ece3;box-shadow:0 4px 16px #3b72d94d}.share-btn-gray{background:var(--card);border-color:var(--card-border);color:var(--text-muted)}.share-btn-gray:hover{background:linear-gradient(135deg,#6b6b6b,#555);border-color:#6b6b6b;color:#f2ece3;box-shadow:0 4px 16px #64646440}.share-btn svg{flex-shrink:0}.share-btn-green{background:#2d8a4e;border-color:#2d8a4e;color:#f2ece3}.share-btn-green:hover:not(:disabled){background:#246e3f;border-color:#246e3f;box-shadow:0 4px 16px #2d8a4e4d}.share-btn-purple{background:linear-gradient(135deg,#6b4fa0,#5a3d8a);color:#f2ece3}.share-btn-purple:hover:not(:disabled){background:linear-gradient(135deg,#7b5fb0,#6a4d9a)}.share-btn:disabled{opacity:.6;cursor:not-allowed}.share-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#2d8a4e;color:#f2ece3;padding:12px 24px;border-radius:8px;font-size:14px;z-index:1000;animation:toastFadeIn .3s ease}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.form-top-row{display:flex;justify-content:flex-end;margin-bottom:-.5rem}.reset-btn{background:none;border:none;color:var(--text-muted);font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;padding:.2rem 0;transition:color .2s;letter-spacing:.02em}.reset-btn:hover{color:var(--accent)}.no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.result-image-wrap{position:relative}.try-other-btn{display:block;width:100%;padding:1.1rem 1.5rem;font-family:var(--sans);font-size:.92rem;font-weight:600;color:#f2ece3;background:var(--gold);border:2px solid var(--gold);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;letter-spacing:.02em}.try-other-btn:hover{background:var(--gold-muted);border-color:var(--gold-muted);color:#f2ece3;box-shadow:var(--shadow-md)}.ad-free-bar{display:flex;justify-content:flex-end;padding:.4rem 1rem}.ad-free-fab{background:none;border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);padding:.3rem .7rem;font-size:.75rem;cursor:pointer;white-space:nowrap}.ad-free-fab:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.admin-page{max-width:1200px;margin:0 auto;padding:0 1rem 1rem;min-height:calc(100vh - 60px)}.admin-header{display:flex;align-items:center;padding:1rem 0;gap:.75rem}.admin-page-title{flex:1;text-align:center;font-family:var(--serif);font-size:1.5rem;color:var(--gold);margin:0}.admin-menu-container{position:relative}.admin-menu-btn{background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:.35rem .6rem;font-size:1.2rem;line-height:1;cursor:pointer;color:var(--text-secondary);transition:border-color .2s,color .2s,background .2s}.admin-menu-btn:hover,.admin-menu-btn.open{background:var(--card);border-color:var(--gold);color:var(--gold)}.admin-menu-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100;padding:.35rem;animation:adminMenuSlideDown .15s ease-out}@keyframes adminMenuSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.admin-menu-item{display:block;width:100%;padding:.55rem .85rem;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:.9rem;white-space:nowrap;text-align:left;cursor:pointer;transition:background .15s,color .15s}.admin-menu-item:hover{background:var(--field-bg);color:var(--text)}.admin-menu-item.active{color:var(--gold);font-weight:600}.admin-menu-badge{display:inline-block;margin-left:.4rem;min-width:16px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:.68rem;font-weight:700;line-height:16px;text-align:center;vertical-align:middle}.admin-main{min-width:0}.admin-banners__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-banners__title{font-family:var(--serif);font-size:1.5rem;color:var(--text);margin:0}.admin-banners__add-btn{padding:.5rem 1.2rem;background:var(--gold);color:var(--bg);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.9rem;transition:opacity .2s}.admin-banners__add-btn:hover{opacity:.85}.admin-banners__hint{color:var(--text-muted);font-size:.8rem;margin-bottom:1rem}.admin-banners__empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.admin-banner-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);margin-bottom:.5rem;transition:border-color .2s,box-shadow .2s}.admin-banner-card.dragging{opacity:.5;border-color:var(--gold)}.admin-banner-card.drag-over{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-light)}.admin-banner-card__drag-handle{cursor:grab;color:var(--text-muted);font-size:1.2rem;padding:.25rem;-webkit-user-select:none;user-select:none}.admin-banner-card__thumb{width:120px;height:50px;border-radius:6px;object-fit:cover;flex-shrink:0}.admin-banner-card__info{flex:1;min-width:0}.admin-banner-card__name{font-weight:600;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-banner-card__meta{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.admin-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600}.admin-badge--active{background:#1a3a1a;color:#4ade80}.admin-badge--inactive{background:#2a2a2a;color:#888}.admin-badge--scheduled{background:#1a2a3a;color:#60a5fa}.admin-badge--expired{background:#3a1a1a;color:#f87171}.admin-banner-card__actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.admin-banner-card__actions button{padding:.35rem .7rem;border:1px solid var(--card-border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:border-color .2s,color .2s}.admin-banner-card__actions button:hover{border-color:var(--gold);color:var(--gold)}.admin-banner-card__actions button.delete:hover{border-color:var(--accent);color:var(--accent)}.admin-toggle{position:relative;width:36px;height:20px;flex-shrink:0}.admin-toggle input{opacity:0;width:0;height:0}.admin-toggle__slider{position:absolute;inset:0;background:var(--field-bg);border-radius:20px;cursor:pointer;transition:background .2s}.admin-toggle__slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}.admin-toggle input:checked+.admin-toggle__slider{background:var(--gold-light)}.admin-toggle input:checked+.admin-toggle__slider:before{transform:translate(16px);background:var(--gold)}.admin-banner-card__arrows{display:none;flex-direction:column;gap:.2rem}.admin-banner-card__arrows button{padding:.15rem .4rem;border:1px solid var(--card-border);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.7rem}.admin-banner-form{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.admin-banner-form h3{margin:0 0 1rem;font-family:var(--serif);color:var(--text)}.admin-form-group{margin-bottom:1rem}.admin-form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.3rem;font-weight:500}.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group input[type=datetime-local]{width:100%;padding:.6rem .8rem;background:var(--field-bg);border:1px solid var(--field-border);border-radius:8px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .2s}.admin-form-group input:focus{border-color:var(--field-focus)}.admin-form-group__row{display:flex;gap:1rem}.admin-form-group__row>*{flex:1}.admin-image-upload{border:2px solid var(--card-border);border-radius:var(--radius-sm);padding:1rem;text-align:center;cursor:pointer;transition:border-color .2s}.admin-image-upload:hover{border-color:var(--gold)}.admin-image-upload img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.admin-image-upload__placeholder{color:var(--text-muted);font-size:.85rem}.admin-radio-group{display:flex;gap:1rem}.admin-radio-group label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;color:var(--text)}.admin-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.admin-form-actions button{padding:.6rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.9rem;border:none;transition:opacity .2s}.admin-form-actions button:hover{opacity:.85}.admin-form-actions .btn-save{background:var(--gold);color:var(--bg)}.admin-form-actions .btn-cancel{background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);box-shadow:none;font-family:var(--sans)}.admin-users__search{display:flex;gap:.5rem;margin-bottom:1rem}.admin-users__search input{flex:1;padding:.5rem .8rem;background:var(--field-bg);border:1px solid var(--field-border);border-radius:8px;color:var(--text);font-size:.9rem;outline:none}.admin-users__search input:focus{border-color:var(--field-focus)}.admin-users__search button{padding:.5rem 1rem;background:var(--gold);color:var(--bg);border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem}.admin-users-table-scroll-top{overflow-x:auto;overflow-y:hidden;height:16px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.admin-users-table-scroll-top>div{height:1px}.admin-users-table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--card-border)}.admin-users-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.admin-users-table__group-row th{background:var(--field-bg);color:var(--text-muted);font-size:.7rem;text-align:center;border-bottom:1px solid var(--card-border);border-left:1px solid var(--card-border)}.admin-users-table__group-row th:first-child{border-left:none}.admin-users-table th{background:var(--card);color:var(--text-secondary);font-weight:600;font-size:.8rem;text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--card-border)}.admin-users-table td{padding:.55rem .75rem;border-bottom:1px solid var(--card-border);color:var(--text)}.admin-users-table tbody tr:hover{background:var(--card)}.admin-users-table__email{max-width:180px;overflow:hidden;text-overflow:ellipsis}.admin-users-table__credits{width:60px;padding:.25rem .4rem;background:var(--field-bg);border:1px solid var(--field-border);border-radius:4px;color:var(--text);font-size:.85rem}.admin-users-table select{padding:.25rem .4rem;background:var(--field-bg);border:1px solid var(--field-border);border-radius:4px;color:var(--text);font-size:.85rem}.admin-users-table__actions{display:flex;gap:.25rem}.admin-users-table__actions button,.admin-users-table__edit-btn{padding:.25rem .6rem;border:1px solid var(--card-border);border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:border-color .2s,color .2s}.admin-users-table__actions button:hover,.admin-users-table__edit-btn:hover{border-color:var(--gold);color:var(--gold)}.admin-users__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem}.admin-users__pagination button{padding:.4rem .8rem;border:1px solid var(--card-border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.admin-users__pagination button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.admin-referral-rank{margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.admin-referral-rank__title{margin:0 0 .75rem;font-size:1rem;color:var(--text)}.admin-referral-rank .admin-period-btns,.admin-referral-rank .admin-stats-cards{margin-bottom:.75rem;flex-wrap:wrap}.admin-referral-rank__range{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.admin-referral-rank__range input{padding:.4rem .6rem;background:var(--field-bg);border:1px solid var(--field-border);border-radius:8px;color:var(--text);font-size:.85rem;outline:none}.admin-referral-rank__range input:focus{border-color:var(--field-focus)}.admin-referral-rank__range span{color:var(--text-muted)}.admin-referral-rank__range button{padding:.4rem 1rem;background:var(--gold);color:var(--bg);border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer}.admin-referral-rank__error{padding:.75rem 1rem;margin-bottom:.75rem;background:var(--card);border-radius:8px;color:var(--accent);font-size:.85rem}.admin-period-btns{display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-period-btns button{padding:.4rem 1rem;border:1px solid var(--card-border);border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.admin-period-btns button.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}.admin-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:1.5rem}.admin-stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:1rem;text-align:center}.admin-stat-card__value{font-size:1.4rem;font-weight:700;color:var(--gold);margin-bottom:.25rem}.admin-stat-card__label{font-size:.8rem;color:var(--text-muted)}.admin-analytics__section{margin-bottom:1.5rem}.admin-analytics__section h3{font-family:var(--serif);font-size:1.1rem;color:var(--text);margin:0 0 .75rem}.admin-analytics__error{color:var(--accent);padding:.75rem 1rem;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.85rem}.admin-bar-chart{display:flex;flex-direction:column;gap:.35rem}.admin-bar-chart__row{display:flex;align-items:center;gap:.5rem}.admin-bar-chart__label{width:45px;font-size:.75rem;color:var(--text-muted);text-align:right;flex-shrink:0}.admin-bar-chart__bar-bg{flex:1;height:20px;background:var(--field-bg);border-radius:4px;overflow:hidden}.admin-bar-chart__bar{height:100%;background:var(--gold);border-radius:4px;min-width:2px;transition:width .3s ease}.admin-bar-chart__value{width:55px;font-size:.75rem;color:var(--text-secondary);text-align:right;flex-shrink:0}.admin-users__pagination button:disabled{opacity:.3;cursor:default}.admin-users__pagination span{color:var(--text-muted);font-size:.85rem}@media(max-width:600px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%}.admin-sidebar__nav{flex-direction:row}.admin-banner-card__thumb{width:80px;height:34px}.admin-banner-card__drag-handle{display:none}.admin-banner-card__arrows{display:flex}.admin-form-group__row{flex-direction:column;gap:0}.admin-users-table{font-size:.75rem}.admin-users-table th,.admin-users-table td{padding:.4rem .5rem}}.static-page{width:calc(100% - 1.5rem);max-width:720px;margin:1.5rem auto 3rem;padding:2rem 1.5rem 2.5rem;background:var(--px-paper);color:var(--px-ink);font-family:var(--px-font);border:3px solid var(--px-border);border-radius:0;box-shadow:0 -4px #3a2e2a14 inset,0 3px #ffffffb3 inset}.about-character-img{display:block;width:160px;height:160px;border:3px solid var(--px-border);border-radius:0;object-fit:cover;margin:1rem auto 2rem}.static-page h1{font-family:inherit;font-size:1.7rem;font-weight:700;color:var(--px-ink);text-shadow:0 2px 0 rgba(200,155,60,.28);margin:0 0 .5rem}.static-page h2{font-family:inherit;font-size:1.15rem;font-weight:700;color:var(--px-ink);margin:1.75rem 0 .5rem}.static-page p{color:var(--px-sub);font-size:.92rem;line-height:1.75;margin:0 0 .75rem}.static-page ul{color:var(--px-sub);font-size:.92rem;line-height:1.75;padding-left:1.5rem;margin:0 0 .75rem}.static-page a{color:var(--px-gold-deep);text-decoration:none}.static-page a:hover{text-decoration:underline}.static-page input,.static-page textarea{background:var(--px-cream);border:2px solid var(--px-field-border);border-radius:0;color:var(--px-ink);font-family:inherit;font-size:.95rem;transition:border-color .2s}.static-page input:focus,.static-page textarea:focus{outline:none;border-color:var(--px-gold);box-shadow:0 0 0 3px #c89b3c2e}.static-page button[type=submit]{background:var(--px-red);color:#fff7ee;border:2px solid var(--px-red-deep);border-radius:0;padding:.65rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--px-red-deep);transition:transform .06s,box-shadow .06s,background .15s;align-self:flex-start}.static-page button[type=submit]:hover{background:#9c3a48}.static-page button[type=submit]:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--px-red-deep)}.static-page button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.static-back{display:inline-block;background:none;border:none;padding:0;cursor:pointer;color:var(--px-gold-deep);font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;margin-bottom:1.5rem;letter-spacing:.02em;transition:opacity .2s}.static-back:hover{opacity:.7;text-decoration:none}.static-date{font-size:.82rem;color:var(--px-muted);margin-bottom:1.5rem}.site-footer{text-align:center;padding:2.5rem 1.5rem 2rem;margin-top:2rem;border-top:2px solid var(--px-line);font-family:var(--px-font)}.footer-links{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.footer-links a{color:var(--px-muted);font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--px-gold-deep)}.footer-sep{color:var(--px-field-border);font-size:.75rem}.footer-copy{font-size:.75rem;color:var(--px-muted);margin:0}.footer-business{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--px-line);font-size:.72rem;color:var(--px-muted);line-height:1.6}.footer-business p{margin:0}.col-date{width:68px;color:var(--text-secondary);font-size:.8rem}.board-user-area{display:flex;align-items:center;gap:.75rem;padding:.125rem 0;transition:background .3s;border-radius:var(--radius)}.board-user-area.highlight-login{animation:pulse-highlight 1.5s ease}@keyframes pulse-highlight{0%,to{background:transparent}30%,70%{background:#ffc10726}}.payment-widget-step{display:flex;flex-direction:column;gap:.75rem}.selected-product-name{font-weight:600;font-size:.95rem;margin:0}#payment-method,#agreement{min-height:60px;background:#fff;border-radius:8px;color-scheme:light}.btn-cancel,.btn-submit{padding:.6rem 1.5rem;border-radius:0;cursor:pointer;font-family:var(--px-font);font-size:.9rem;font-weight:700;transition:transform .06s,box-shadow .06s,background .15s,color .15s}.btn-cancel{background:var(--px-paper);color:var(--px-ink);border:2px solid var(--px-border);box-shadow:0 3px #4a3b2e8c}.btn-cancel:hover{background:#fdf8ea}.btn-cancel:active{transform:translateY(3px);box-shadow:0 0 #4a3b2e8c}.btn-submit{background:var(--px-red);color:#fff7ee;border:2px solid var(--px-red-deep);box-shadow:0 3px 0 var(--px-red-deep)}.btn-submit:hover:not(:disabled){background:#9c3a48}.btn-submit:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--px-red-deep)}.btn-submit:disabled{opacity:.5;cursor:default}.login-buttons{display:flex;gap:.5rem}.custom-google-login-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:#f5f0e8;border:1px solid #d4c5a9;border-radius:0;color:#4a3728;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.custom-google-login-btn:hover{background:#ece4d4}.google-login-overlay-wrap{position:relative;display:inline-flex;overflow:hidden}.google-login-overlay-wrap:hover .custom-google-login-btn{background:#ece4d4}.google-login-overlay{position:absolute;inset:0;z-index:1;opacity:0}.btn-login{padding:.5rem 1rem;border:1px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:background .2s,color .2s}.btn-google{background:#fff;color:#333}.btn-google:hover{background:#f1f1f1}.btn-apple{background:#000;color:#fff;border-color:#000}.btn-apple:hover{background:#222}.btn-set-nickname,.btn-logout{padding:.3rem .75rem;white-space:nowrap;border:1px solid var(--card-border);background:transparent;border-radius:4px;cursor:pointer;font-size:.75rem;color:var(--text-muted)}.btn-set-nickname:hover,.btn-logout:hover{background:var(--field-bg)}.modal-overlay{position:fixed;inset:0;background:#2b1e3399;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{--card: var(--px-paper);--card-border: var(--px-line);--text: var(--px-ink);--text-primary: var(--px-ink);--text-secondary: var(--px-sub);--text-muted: var(--px-muted);--accent: var(--px-red);--accent-hover: #9c3a48;--gold: var(--px-gold-deep);--gold-muted: var(--px-gold-deep);--field-bg: var(--px-cream);--field-border: var(--px-field-border);--field-focus: var(--px-gold);--radius: 0;--radius-sm: 0;background:var(--px-paper);color:var(--px-ink);font-family:var(--px-font);border:3px solid var(--px-border);border-radius:0;padding:2rem;width:90%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 -4px #3a2e2a14 inset,0 3px #ffffffb3 inset}.modal-content h3{margin:0;font-size:1.05rem;font-weight:700;text-shadow:0 1px 0 rgba(200,155,60,.28)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--px-muted);padding:.25rem .5rem;line-height:1;font-family:inherit}.modal-close-btn:hover{color:var(--px-ink)}.modal-desc{font-size:.8rem;color:var(--px-sub);margin:0 0 1rem}.modal-content .error-message{color:var(--px-red);font-weight:700}.guest-gate-overlay{z-index:9500;background:#2b1e33ad;padding:1rem;box-sizing:border-box}.guest-gate-modal{max-width:420px;text-align:center}.guest-gate-modal h3{margin-bottom:.75rem;font-size:1.15rem}.guest-gate-desc{font-size:.85rem;line-height:1.7;color:var(--text-secondary);text-align:start;margin:0 0 1.5rem;word-break:keep-all}.guest-gate-actions{display:flex;flex-direction:column;align-items:center;gap:.6rem}.guest-gate-actions .custom-google-login-btn{padding:.6rem 1.4rem;font-size:.9rem}.guest-gate-skip{background:none;border:none;padding:.35rem .5rem;color:var(--text-muted);font-family:var(--sans);font-size:.82rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.guest-gate-skip:hover{color:var(--text)}.nickname-input{width:100%;padding:.75rem;border:2px solid var(--px-field-border);border-radius:0;background:var(--px-cream);color:var(--px-ink);font-family:var(--px-font);font-size:.95rem;box-sizing:border-box}.nickname-input:focus{outline:none;border-color:var(--px-gold)}.modal-error{color:var(--px-red);font-weight:700;font-size:.8rem;margin:.5rem 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.purchase-modal{max-width:520px;max-height:85vh;display:flex;flex-direction:column}.purchase-modal-body{flex:1;overflow-y:auto;min-height:0}.purchase-modal-footer{flex-shrink:0;padding-top:.75rem}.purchase-products{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.purchase-card{background:var(--px-cream);border:2px solid var(--px-border);border-radius:0;padding:1rem;transition:border-color .2s;box-shadow:0 1px #fffc inset,0 -3px #3a2e2a0f inset}.purchase-card.recommended{border-color:var(--px-gold)}.purchase-card.highlighted{border-color:var(--px-red)}.purchase-card.owned{opacity:.5}.purchase-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.purchase-card-name{font-weight:700;font-size:.95rem}.purchase-card-price{font-weight:700;font-size:1rem;color:var(--px-gold-deep);white-space:nowrap}.purchase-badge{background:linear-gradient(100deg,var(--px-gold),#ffd75e 50%,var(--px-gold));color:#5a4310;font-size:.65rem;font-weight:700;padding:2px 7px;border:2px solid #7a5416;border-radius:0;margin-left:.4rem;vertical-align:middle;box-shadow:0 2px #5a431059}.purchase-card-benefits{list-style:none;padding:0;margin:.4rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.6}.purchase-card-term{color:var(--text-secondary);font-weight:600}.purchase-card-bonus{color:var(--gold, #d4a94a);font-weight:600}.purchase-detail{margin-top:.75rem;border-top:1px solid var(--px-line);padding-top:.6rem}.purchase-detail-toggle{width:100%;background:none;border:none;color:var(--px-gold-deep);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;padding:.35rem}.purchase-detail-body{margin-top:.4rem;font-size:.78rem;line-height:1.65}.purchase-detail-title{margin:0 0 .5rem;font-weight:700;color:var(--gold, #d4a94a)}.purchase-detail-group{margin-bottom:.6rem}.purchase-detail-group-name{margin:0 0 .15rem;font-weight:700;color:var(--text-secondary)}.purchase-detail-group ul{list-style:none;margin:0;padding:0 0 0 .6rem;color:var(--text-muted)}.purchase-detail-group li:before{content:"· "}.purchase-term-select{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:.85rem}.purchase-term-select label{color:var(--text-secondary);white-space:nowrap}.purchase-term-select select{flex:1;padding:.45rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--gold-muted, #8a7a4a);background:var(--bg-elevated, #1c1a17);color:inherit;font-size:.85rem}.purchase-term-summary{margin:0 0 .75rem;font-size:.82rem;font-weight:600;color:var(--gold, #d4a94a)}.purchase-card-btn{margin-top:.75rem;width:100%;padding:.55rem;background:var(--accent);color:#f2ece3;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.purchase-card-btn:hover:not(:disabled){opacity:.85}.purchase-card-btn:disabled{opacity:.5;cursor:default}.purchase-card-owned{margin-top:.75rem;text-align:center;font-size:.85rem;color:var(--text-muted);font-weight:600}.purchase-refund-link{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.purchase-refund-link a{color:var(--text-muted);text-decoration:underline}@media(max-width:600px){.login-buttons{flex-direction:column}}.saju-subtitle{font-family:var(--sans);font-size:.95rem;color:var(--text-secondary);margin:.5rem 0 0;text-align:center}.field-hint{font-size:.78rem;color:var(--text-muted);margin:.3rem 0 0}.saju-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--field-bg);box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 6px #00000047}.saju-avatar-img{width:92%;height:92%;object-fit:contain;image-rendering:pixelated;transform:translateY(4%)}.saju-avatar-emoji{font-size:1.5rem;line-height:1}.saju-stars{display:inline-flex;gap:2px}.cross-cta-group{display:flex;flex-wrap:nowrap;gap:.125rem;margin:0 0 1.25rem}.cross-cta-btn{flex:1;min-width:120px;padding:1.1rem 1.5rem;border:none;border-radius:var(--radius-sm);font-family:var(--sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#f2ece3;text-decoration:none;text-align:center}.cross-cta-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.cross-cta-sbti{background:#a67832}.cross-cta-label{background:var(--accent)}.cross-cta-fortune{background:#5a3d7a}.cross-cta-game{background:#2d8a4e}.cross-cta-wiki{background:#7a5a14}.cross-cta-quiz{background:#a35119}.cross-cta-board{background:#4f5a66}.cross-cta-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cross-cta-group .try-other-btn{background:transparent;border:1.5px solid var(--gold);color:var(--gold-muted)}.cross-cta-group .try-other-btn:hover{background:var(--gold);color:#f2ece3;border-color:var(--gold)}.cross-cta-btn.cross-cta-explore{background:transparent;border:1.5px solid var(--gold-muted);color:var(--gold-muted)}.cross-cta-btn.cross-cta-explore:hover{background:var(--gold-muted);color:#1a120c}@media(max-width:360px){.birth-row{flex-wrap:wrap}.home{padding:2rem 1rem 3rem}.card{padding:1.25rem}.static-page{padding:1.5rem 1rem 3rem}}.saju-ai-spinner{width:20px;height:20px;border:2px solid var(--card-border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ranking-container{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem;color:var(--text, #e0e0e0)}.ranking-loading,.ranking-empty,.ranking-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:1rem}.ranking-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(176,141,87,.2);border-top-color:var(--gold);animation:ranking-spin .8s linear infinite}@keyframes ranking-spin{to{transform:rotate(360deg)}}.ranking-achievements{margin-top:2.25rem}.ranking-achievements h2,.profile-records h2,.profile-recent h2{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;margin-bottom:.75rem}.ranking-achievements h2:before,.profile-records h2:before,.profile-recent h2:before{content:"";width:4px;height:1em;border-radius:0;background:var(--gold)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.achievement-badge{display:flex;flex-direction:column;align-items:center;padding:.85rem .5rem .7rem;border-radius:12px;background:var(--card);border:1px solid var(--card-border);text-align:center;transition:transform .15s,border-color .15s}.achievement-badge:hover{transform:translateY(-2px);border-color:var(--gold-muted)}.achievement-badge.locked{opacity:.55}.achievement-badge.locked .achievement-icon{color:#7a6a58;background:#00000040;border-color:var(--card-border)}.achievement-badge.earned{border-color:var(--gold-muted);background:var(--card)}.achievement-icon{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:.45rem;font-size:1.5rem;color:var(--gold-muted);border-radius:50%;background:var(--gold-light);border:1px solid rgba(196,173,125,.4)}.achievement-badge.earned .achievement-icon{color:#e8c87a}.achievement-lock{position:absolute;right:-5px;bottom:-5px;font-size:.8rem;color:#bba98f;background:var(--bg, #2b1b17);border:1px solid var(--card-border);border-radius:50%;padding:2px;box-sizing:content-box}.achievement-name{font-size:.75rem;color:#e6d6c2;font-weight:600;line-height:1.25}.achievement-desc{font-size:.65rem;color:var(--text-secondary);line-height:1.35;margin-top:.25rem}.profile-header{text-align:center;margin-bottom:1.75rem}.profile-nickname{font-size:1.7rem;margin:0 0 .6rem;font-weight:800;color:#f0d8a8}.profile-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem;font-size:.8rem}.meta-chip{display:inline-flex;align-items:center;gap:.32rem;padding:.22rem .7rem;border-radius:999px;background:var(--card);border:1px solid var(--card-border);color:var(--text-secondary)}.meta-chip svg{color:var(--gold-muted)}.profile-records{margin-bottom:1.5rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:.8rem .5rem .7rem;background:var(--card);border-radius:12px;border:1px solid var(--card-border);text-align:center;transition:transform .15s,border-color .15s}.profile-stat:hover{transform:translateY(-2px);border-color:var(--gold-muted)}.stat-ico{font-size:1.25rem;color:var(--gold-muted);margin-bottom:.35rem;line-height:1}.stat-label{font-size:.72rem;color:var(--text-secondary);margin-bottom:.2rem}.stat-value{font-size:1.25rem;font-weight:700;text-transform:capitalize;color:#ecdcc3;font-variant-numeric:tabular-nums}@media(max-width:480px){.ranking-container{padding:1rem .75rem 2rem}.profile-stats-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.profile-nickname{font-size:1.4rem}}.service-intro{text-align:center;max-width:420px;margin:0 auto;padding:0 1rem}.service-intro-subtitle{font-family:var(--sans);font-size:.8rem;color:var(--text-muted);letter-spacing:.1em;text-align:center;margin:.25rem 0 0}.service-intro-icon{font-size:4rem;margin-bottom:1rem}.service-intro-desc{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin:0 0 1.5rem;word-break:keep-all}.service-intro-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.service-intro-feature{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);text-align:left;font-size:.92rem;color:var(--text)}.service-intro-feature-emoji{font-size:1.4rem;flex-shrink:0}.service-intro-start{width:100%;font-size:1.05rem;padding:1rem;margin-bottom:2rem}.guide-inline{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card);padding:1.25rem;margin-bottom:2rem;text-align:left}.guide-inline-title{margin-bottom:1rem}.guide-btn{background:none;border:1px solid #c4b699;color:#8b7e6a;font-size:.75rem;padding:3px 10px;border-radius:12px;cursor:pointer;margin:4px auto 0;display:block;transition:all .2s}.guide-btn:hover{border-color:#8b7e6a;color:#5a4f3a}.guide-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.guide-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;padding:24px;color:#e8e0d0}.guide-modal-title{font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:20px;letter-spacing:.05em}.guide-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.guide-step{display:flex;gap:12px;align-items:flex-start}.guide-step-num{min-width:28px;height:28px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.guide-step strong{font-size:.9rem;display:block;margin-bottom:4px}.guide-step p{font-size:.8rem;color:#e8e0d0bf;margin:0;line-height:1.5}.guide-notes{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-bottom:32px}.guide-notes strong{font-size:.85rem;display:block;margin-bottom:8px}.guide-notes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.guide-notes li{font-size:.78rem;color:#e8e0d0b3;padding-inline-start:12px;position:relative}.guide-notes li:before{content:"•";position:absolute;inset-inline-start:0}.guide-close-btn{display:block;width:100%;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#e8e0d0;font-size:.9rem;cursor:pointer;transition:background .2s}.guide-close-btn:hover{background:#ffffff2e}.ad-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(180,140,80,.4);background:#b48c500a;color:#b08d57;font-family:monospace;font-size:11px;gap:2px;margin:8px auto;box-sizing:border-box;-webkit-user-select:none;user-select:none;max-width:100%;overflow:hidden}@media(min-width:768px){.ad-slot--mobile-only{display:none!important}}@media(max-width:767px){.ad-slot--desktop-only{display:none!important}}.end-ad-ghost-shield{position:fixed;inset:0;z-index:9000;background:transparent}.end-ad-popup{position:fixed;inset:0;z-index:9000;background:#2b1e3399;display:flex;align-items:center;justify-content:center;font-family:Galmuri11,Segoe UI,system-ui,sans-serif}.end-ad-popup-card{background:#fffdf6;border:3px solid #4a3b2e;border-radius:0;box-shadow:0 -4px #3a2e2a14 inset,0 3px #ffffffb3 inset;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:340px;width:90%}.end-ad-popup-title{margin:0;font-size:18px;font-weight:700;color:#3a2e2a;text-align:center;text-shadow:0 2px 0 rgba(200,155,60,.28)}.end-ad-popup-close{background:#8e2f3c;color:#fff7ee;border:2px solid #5e1f28;border-radius:0;box-shadow:0 3px #5e1f28;padding:9px 24px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;width:100%;transition:transform .06s,box-shadow .06s}.end-ad-popup-close:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #5e1f28}.end-ad-popup-card .ad-free-cta{color:#8a7b68;font-family:inherit}.end-ad-popup-card .ad-free-cta:hover{color:#c89b3c}.end-ad-popup-close:disabled,.ad-result-modal-close:disabled{opacity:.4;cursor:not-allowed}.ad-result-modal{position:fixed;inset:0;z-index:9000;background:#2b1e3399;display:flex;align-items:center;justify-content:center;font-family:Galmuri11,Segoe UI,system-ui,sans-serif}.ad-result-modal-card{background:#fffdf6;color:#3a2e2a;border:3px solid #4a3b2e;border-radius:0;box-shadow:0 -4px #3a2e2a14 inset,0 3px #ffffffb3 inset;padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:340px;width:90%}.ad-result-modal-title{margin:0;font-size:18px;font-weight:700;color:#3a2e2a;text-align:center;text-shadow:0 2px 0 rgba(200,155,60,.28)}.ad-result-modal-close{background:#8e2f3c;color:#fff7ee;border:2px solid #5e1f28;border-radius:0;box-shadow:0 3px #5e1f28;padding:9px 24px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .06s,box-shadow .06s}.ad-result-modal-close:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #5e1f28}.ad-result-modal .ad-free-cta{color:#8a7b68;font-family:inherit}.ad-result-modal .ad-free-cta:hover{color:#c89b3c}.ad-free-cta{width:100%;background:none;border:none;padding:.15rem .5rem;color:var(--text-muted);font-family:var(--sans);font-size:.78rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;word-break:keep-all}.ad-free-cta:hover{color:var(--accent)}.ad-free-cta--dark{color:#f2ece3bf;font-family:monospace}.ad-free-cta--dark:hover{color:#fc0}.ad-free-cta--overlay{position:absolute;top:0;right:max(0px,calc((100% - var(--ad-w, 100%)) / 2));z-index:2;width:auto;padding:2px 7px;border-radius:0;background:#14100cb8;color:#ffffffe0;font-size:.62rem;line-height:1.5;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.ad-free-cta--overlay:hover{background:#14100ceb;color:#fc0}.form-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.form-actions .submit-btn{margin-top:0}.btn-premium-cooldown{width:100%;padding:.6rem 1rem;background:transparent;border:1.5px solid var(--gold-muted);color:var(--gold-muted);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:all .15s;appearance:none;-webkit-appearance:none;opacity:1}.btn-premium-cooldown:hover{background:var(--gold-muted);color:#1a120c;opacity:1}.purchase-result-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:60px 20px;text-align:center}.purchase-result-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.purchase-result-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--text, #fff)}.purchase-result-desc{font-size:1rem;color:var(--text-muted, #aaa);margin:0 0 2rem}.purchase-result-error{font-size:.9rem;color:#f66;margin:0 0 2rem;max-width:400px}.purchase-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.purchase-result-btn{padding:.55rem 1.2rem;border:1.5px solid var(--accent, #8b5cf6);color:var(--accent, #8b5cf6);border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s}.purchase-result-btn:hover{background:var(--accent, #8b5cf6);color:#f2ece3}.credit-use-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s}.credit-use-btn:hover:not(:disabled){opacity:.9}.credit-use-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:520px){#root{max-width:480px;margin:0 auto;box-shadow:0 0 60px #0006;min-height:100vh}.top-bar-wrapper{left:50%;right:auto;width:480px;transform:translate(-50%)}.top-bar-wrapper.hidden{transform:translate(-50%) translateY(-100%)}.ad-slot--desktop-only{display:none!important}.ad-slot--mobile-only{display:flex!important}}.homezakaya-loading{text-align:center;padding:3rem 1rem;color:var(--gold)}.homezakaya-error{text-align:center;padding:1.5rem 1rem;color:#ff8a8a;background:#ff6e6e14;border-radius:8px;margin:1rem}.homezakaya-empty{text-align:center;color:var(--text-muted);padding:1.5rem}.homezakaya-pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin:1rem 0;font-size:.85rem}.homezakaya-pagination button{background:#d4a3731a;border:1px solid rgba(212,163,115,.3);color:var(--gold);padding:.35rem .7rem;border-radius:4px;cursor:pointer}.homezakaya-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-form-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.5rem 0}.admin-textarea{width:100%;box-sizing:border-box;font-family:monospace;font-size:.85rem;padding:.5rem;background:#0003;color:inherit;border:1px solid rgba(212,163,115,.3);border-radius:4px;resize:vertical}.admin-success{padding:.6rem 1rem;margin:.5rem 0;background:#44bb4426;border:1px solid rgba(68,187,68,.4);border-radius:4px;color:#af9}.admin-error{padding:.6rem 1rem;margin:.5rem 0;background:#ff6e6e1f;border:1px solid rgba(255,110,110,.4);border-radius:4px;color:#ff8a8a}.admin-back-link{display:inline-block;margin:1.5rem 0;color:var(--text-secondary);text-decoration:none}.admin-hz-section{margin:0 0 1.5rem}.admin-hz-section-title{font-size:1.35rem;margin:0 0 .5rem;padding-bottom:.45rem;border-bottom:2px solid rgba(212,163,115,.35);color:#e8c79a}.admin-hz-divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:2.5rem 0}.homezakaya-admin-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin:.5rem 0}.homezakaya-admin-img-item{border:1px solid rgba(212,163,115,.25);border-radius:6px;padding:.4rem;background:#00000026}.homezakaya-admin-img-item img{width:100%;height:90px;object-fit:cover;border-radius:4px;display:block}.homezakaya-admin-upload{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.homezakaya-admin-upload input[type=file]{max-width:220px}.homezakaya-admin-edit-btn{display:inline-block;margin-top:.6rem;padding:.3rem .9rem;border-radius:999px;background:var(--gold);color:#2b1b17;font-size:.82rem;font-weight:700;text-decoration:none}.homezakaya-admin-edit-btn:hover{background:var(--accent)}.homezakaya-suggest-btn{display:inline-block;margin-top:.6rem;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:.82rem;font-weight:700;cursor:pointer}.homezakaya-suggest-btn:hover,.hz-subs-tag-edit{background:var(--gold);color:#2b1b17}.admin-topbar-btn{position:relative}.topbar-admin-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:0;background:#e5484d;color:#fff;font-size:.62rem;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}.homezakaya-star-input,.homezakaya-star-display{display:inline-flex;gap:.08em;line-height:1}.homezakaya-star-input{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.homezakaya-star-input.is-disabled{opacity:.4;cursor:not-allowed}.homezakaya-star-input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.homezakaya-star{position:relative;display:inline-block;width:1em;height:1em}.homezakaya-star-bg{display:block;width:1em;text-align:center;color:#ffffff38}.homezakaya-star-fg{position:absolute;left:0;top:0;display:block;overflow:hidden;white-space:nowrap;color:#ffd166}.homezakaya-star-fg-inner{display:block;width:1em;text-align:center}.homezakaya-brand-list{list-style:none;padding:0 .6rem;margin:0}.homezakaya-brand-row{border-bottom:1px solid rgba(255,255,255,.14)}.homezakaya-brand-link{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1.05rem .6rem;text-decoration:none;color:inherit}.homezakaya-brand-name{min-width:0;overflow:hidden;font-size:1.02rem;font-weight:600;display:flex;align-items:baseline;gap:.4rem}.homezakaya-brand-name-jp{font-size:.8rem;color:var(--text-muted)}.homezakaya-brand-meta{flex-shrink:0;display:flex;align-items:center;gap:.7rem;font-size:.78rem;color:var(--text-muted)}.homezakaya-brand-rating{display:inline-flex;align-items:center;gap:.25rem}.homezakaya-brand-count{white-space:nowrap}.hz-no-result{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.2rem 1rem;color:var(--text-muted);font-size:.9rem}.hz-no-result button{padding:.42rem .95rem;border-radius:999px;border:1px solid var(--gold-muted);background:var(--gold-light);color:var(--gold-muted);font-size:.82rem;cursor:pointer;transition:background .13s,color .13s}.hz-no-result button:hover{background:var(--gold);color:#2b1b17}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.homezakaya-claim-approved{background:#44bb4426;border:1px solid rgba(68,187,68,.4);color:#90d4a8}.homezakaya-claim-pending{background:#ffd1661f;border:1px solid rgba(255,209,102,.4);color:#ffd166}.homezakaya-claim-rejected{background:#ff6e6e1f;border:1px solid rgba(255,110,110,.4);color:#ff8a8a}.homezakaya-claim-form{display:flex;flex-direction:column;gap:.6rem}.homezakaya-claim-form label{display:flex;flex-direction:column;gap:.2rem}.homezakaya-claim-form label span{font-size:.8rem;color:var(--text-secondary)}.homezakaya-claim-form input,.homezakaya-claim-form textarea{background:#0003;color:inherit;border:1px solid rgba(212,163,115,.3);border-radius:4px;padding:.5rem;font-family:inherit;font-size:.9rem}.homezakaya-claim-form button{align-self:flex-start;background:var(--gold);color:#1a0d08;border:none;padding:.5rem 1.5rem;border-radius:5px;font-weight:700;cursor:pointer}.homezakaya-claim-form button:disabled{opacity:.4;cursor:not-allowed}.hz-aform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .85rem;background:#ffffff06;border:1px solid rgba(176,141,87,.22);border-radius:12px;padding:1rem 1.05rem 1.1rem}@media(max-width:560px){.hz-aform{grid-template-columns:1fr}}.hz-aform label{display:flex;flex-direction:column;gap:.28rem;min-width:0}.hz-aform label span{font-size:.76rem;font-weight:600;letter-spacing:.01em;color:var(--gold-muted)}.hz-aform input,.hz-aform select,.hz-aform textarea{width:100%;box-sizing:border-box;background:#00000040;color:#f0e6d2;border:1px solid rgba(176,141,87,.3);border-radius:7px;padding:.5rem .62rem;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .13s,box-shadow .13s}.hz-aform textarea{resize:vertical;min-height:4.5rem}.hz-aform input:focus,.hz-aform select:focus,.hz-aform textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b08d5724}.hz-aform input::placeholder,.hz-aform textarea::placeholder{color:#ffffff52}.hz-aform select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:1.9rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23b08d57' stroke-width='1.6' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.7rem}.hz-aform optgroup{color:#e8c79a;background:#2b1b17;font-weight:700}.hz-aform option{color:#f0e6d2;background:#2b1b17}.hz-aform>.hz-aform-legend,.hz-aform>.admin-form-grid,.hz-aform>.admin-form-row,.hz-aform>.admin-error,.hz-aform>.admin-success,.hz-aform>[data-full],.hz-aform label:has(textarea){grid-column:1 / -1}.hz-aform-legend{margin:.35rem 0 0;padding-bottom:.3rem;font-size:.71rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(176,141,87,.25)}.hz-aform-legend:first-child{margin-top:0}.hz-aform .admin-form-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem .6rem}.hz-aform .admin-form-row{margin:.4rem 0 0;display:flex;gap:.6rem}.hz-aform .admin-form-row button{background:var(--gold);color:#2b1b17;border:none;padding:.55rem 1.5rem;border-radius:999px;font-weight:700;cursor:pointer;transition:filter .13s}.hz-aform .admin-form-row button:hover:not(:disabled){filter:brightness(1.08)}.hz-aform .admin-form-row button[type=button]{background:transparent;border:1px solid var(--gold-muted);color:var(--gold-muted)}.hz-aform .admin-form-row button:disabled{opacity:.45;cursor:not-allowed}.hz-submit{max-width:460px;margin:0 auto 1.1rem;padding:.9rem 1rem 1rem;border:1px solid rgba(176,141,87,.3);border-radius:12px;background:#ffffff08;display:flex;flex-direction:column;gap:.55rem}.hz-submit-head{display:flex;align-items:center;justify-content:space-between}.hz-submit-head strong{color:var(--gold-muted);font-size:.95rem}.hz-submit-x{width:1.6rem;height:1.6rem;border:none;border-radius:50%;background:#ffffff14;color:var(--text-secondary);cursor:pointer;font-size:.72rem}.hz-submit-x:hover{background:#ffffff29}.hz-submit-guide{margin:0;font-size:.76rem;line-height:1.5;color:var(--text-muted)}.hz-submit-field{display:flex;flex-direction:column;gap:.25rem}.hz-submit-field span{font-size:.74rem;font-weight:600;color:var(--gold-muted)}.hz-submit-field input{width:100%;box-sizing:border-box;background:#00000040;color:#f0e6d2;border:1px solid rgba(176,141,87,.3);border-radius:7px;padding:.5rem .6rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .13s,box-shadow .13s}.hz-submit-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b08d5724}.hz-submit-warn{font-size:.82rem;line-height:1.5;background:#c45a3c1f;border:1px solid rgba(196,90,60,.4);border-radius:8px;padding:.55rem .7rem;color:#f0d0c0}.hz-submit-warn a{color:var(--gold)}.hz-submit-similar{margin:.3rem 0;padding-left:1.1rem}.hz-submit-similar-hint{margin:.3rem 0 0;font-size:.76rem;color:var(--text-muted)}.hz-submit-err{margin:0;font-size:.8rem;color:#ff8a8a}.hz-submit-done{text-align:center;display:flex;flex-direction:column;gap:.6rem}.hz-submit-done p{margin:0;font-size:.9rem;color:var(--gold-muted)}.hz-submit-actions{display:flex}.hz-submit-send,.hz-submit-done button{flex:1;background:var(--gold);color:#2b1b17;border:none;border-radius:999px;padding:.55rem 1rem;font-weight:700;cursor:pointer;transition:filter .13s}.hz-submit-send:hover:not(:disabled),.hz-submit-done button:hover{filter:brightness(1.08)}.hz-submit-send:disabled{opacity:.5;cursor:not-allowed}.hz-subs-tab{background:#ffffff0d;border:1px solid rgba(176,141,87,.3);color:var(--text-secondary);border-radius:999px;padding:.35rem .85rem;cursor:pointer;font-size:.82rem}.hz-subs-tab.active{background:var(--gold);color:#2b1b17;font-weight:700}.hz-subs-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.6rem}.hz-subs-card{border:1px solid rgba(176,141,87,.25);border-radius:10px;padding:.7rem .8rem;background:#ffffff05}.hz-subs-main strong{font-size:1rem}.hz-subs-tag{margin-left:.5rem;font-size:.72rem;background:#b08d572e;color:var(--gold-muted);border-radius:999px;padding:.1rem .5rem}.hz-subs-meta{font-size:.76rem;color:var(--text-muted);margin-top:.3rem}.hz-subs-meta a{color:var(--gold-muted)}.hz-subs-note{font-size:.84rem;color:var(--text-secondary);margin:.4rem 0 0;font-style:italic}.hz-subs-actions{display:flex;gap:.4rem;margin-top:.55rem;flex-wrap:wrap}.hz-subs-actions input{flex:1;min-width:120px;background:#00000040;color:#f0e6d2;border:1px solid rgba(176,141,87,.3);border-radius:6px;padding:.4rem .55rem;font-size:.85rem;font-family:inherit}.hz-subs-actions button{background:#b08d5726;border:1px solid rgba(176,141,87,.4);color:var(--gold-muted);border-radius:6px;padding:.4rem .7rem;cursor:pointer;font-size:.82rem}.hz-subs-actions button:disabled{opacity:.45;cursor:not-allowed}.hz-subs-logo{display:block;margin-top:.4rem;max-height:72px;border-radius:6px;border:1px solid rgba(176,141,87,.25)}.hz-subs-details{margin-top:.55rem}.hz-subs-details>summary{cursor:pointer;display:inline-block;font-size:.8rem;color:var(--gold-muted);border:1px solid rgba(176,141,87,.35);border-radius:6px;padding:.25rem .6rem;-webkit-user-select:none;user-select:none;list-style:none}.hz-subs-details>summary::-webkit-details-marker{display:none}.hz-subs-details>summary:before{content:"▸ "}.hz-subs-details[open]>summary:before{content:"▾ "}.hz-subs-details>summary:hover{background:#b08d571f}.hz-subs-detail-body{margin-top:.5rem}.hz-subs-detail-table{width:100%;border-collapse:collapse;font-size:.82rem}.hz-subs-detail-table th,.hz-subs-detail-table td{text-align:left;vertical-align:top;padding:.3rem .5rem;border-bottom:1px solid rgba(176,141,87,.15)}.hz-subs-detail-table th{width:32%;white-space:nowrap;color:var(--text-secondary);font-weight:600}.hz-subs-detail-table td{color:#f0e6d2;word-break:break-word;white-space:pre-wrap}.hz-subs-detail-img{display:block;margin-top:.5rem;max-height:160px;max-width:100%;border-radius:6px;border:1px solid rgba(176,141,87,.25)}.hz-submit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .7rem}.hz-submit-grid>[data-full],.hz-submit-grid>.hz-img-field,.hz-submit-grid>label:has(textarea){grid-column:1 / -1}.hz-submit-grid select,.hz-submit-grid textarea{width:100%;box-sizing:border-box;background:#00000040;color:#f0e6d2;border:1px solid rgba(176,141,87,.3);border-radius:7px;padding:.5rem .6rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .13s,box-shadow .13s}.hz-submit-grid select:focus,.hz-submit-grid textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b08d5724}.hz-submit-grid textarea{resize:vertical;min-height:4rem}.hz-submit-grid select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:1.8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23b08d57' stroke-width='1.6' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.7rem}.hz-submit-grid optgroup{color:#e8c79a;background:#2b1b17}.hz-submit-grid option{color:#f0e6d2;background:#2b1b17}.hz-spec-label{margin:.4rem 0 0;padding-bottom:.3rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--gold-muted);border-bottom:1px solid rgba(176,141,87,.22)}.hz-img-row{display:flex;gap:.4rem;align-items:stretch}.hz-img-row input{flex:1;min-width:0}.hz-img-attach{display:inline-flex;align-items:center;white-space:nowrap;padding:0 .7rem;border-radius:7px;border:1px solid rgba(176,141,87,.4);background:#b08d571f;color:var(--gold-muted);font-size:.8rem;cursor:pointer;transition:background .13s}.hz-img-attach:hover{background:#b08d5738}.hz-img-attach.busy{opacity:.6;cursor:default}.hz-img-preview{margin-top:.45rem;max-width:100%;max-height:150px;border-radius:8px;border:1px solid rgba(176,141,87,.25);object-fit:contain;background:#0003}.admin-role-locked{font-size:.85rem;color:var(--text-muted);white-space:nowrap;cursor:help}.homezakaya-claim-pill{font-size:.7rem;padding:1px 6px;border-radius:3px;font-weight:600;display:inline-block}.admin-claim-proof-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid rgba(212,163,115,.3);cursor:zoom-in;display:block}.admin-user-claim{display:inline-flex;align-items:center;gap:.4rem}.admin-claim-approve{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.admin-claim-approve select{max-width:13rem;font-size:.8rem}.admin-tab{background:#d4a3731a;border:1px solid rgba(212,163,115,.3);color:var(--gold);padding:.35rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem}.admin-tab.active{background:var(--gold);color:#1a0d08}.admin-cell-wrap{max-width:14rem;white-space:pre-wrap;word-break:break-all}.admin-cell-sub{font-size:.75rem;color:var(--text-muted);margin-left:.3rem}.admin-cell-note{font-size:.72rem;color:var(--text-muted);margin:.2rem 0 0}.homezakaya-lineup-order{list-style:none;padding:0;margin:0 0 .8rem}.homezakaya-lineup-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff08;border-radius:4px;margin-bottom:.4rem;flex-wrap:wrap}.homezakaya-lineup-rank{font-weight:700;color:var(--gold);min-width:1.5rem}.homezakaya-lineup-name{flex:1;font-weight:600}.homezakaya-lineup-slug{font-size:.72rem;color:var(--text-muted)}.homezakaya-lineup-pick{list-style:none;padding:0;margin:0}.homezakaya-lineup-pick li{display:flex;align-items:center;justify-content:space-between;padding:.4rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}.homezakaya-lineup-pick code{font-size:.72rem;color:var(--text-muted);margin-left:.3rem}.homezakaya-ai-btn{background:var(--accent);color:#fff;border:none;padding:.4rem 1rem;border-radius:5px;font-weight:600;cursor:pointer}.homezakaya-ai-btn:disabled{opacity:.5;cursor:not-allowed}.homezakaya-ai-suggestion{background:#c4453614;border:1px solid rgba(196,69,54,.4);border-radius:6px;padding:.6rem .8rem;margin:.5rem 0;font-size:.85rem}.homezakaya-ai-chip{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;background:#c4453626;border-radius:999px;font-size:.82rem}.homezakaya-ai-raw{margin:.6rem 0;font-size:.75rem}.homezakaya-ai-raw summary{cursor:pointer;color:var(--text-muted)}.homezakaya-ai-raw pre{white-space:pre-wrap;word-wrap:break-word;background:#0000004d;padding:.5rem;border-radius:4px;margin:.3rem 0 0;font-size:.72rem;color:var(--text-secondary);max-height:200px;overflow:auto}.svv-lab-footer{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:linear-gradient(180deg,#3a2d0a8c,#1a1304e6);border-top:1px solid rgba(255,204,68,.45);border-bottom:1px solid rgba(255,204,68,.18);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:filter .12s ease}.svv-lab-footer{flex-wrap:wrap;flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:linear-gradient(180deg,#3a2d0a8c,#1a1304e6);border-top:1px solid rgba(255,204,68,.45);border-bottom:1px solid rgba(255,204,68,.18);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:filter .12s ease}.svv-lab-footer:hover{filter:brightness(1.15)}.svv-lab-footer:active{filter:brightness(1.3)}.svv-lab-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#ffcc4414;border:1px solid rgba(255,204,68,.28);color:#ffd54f;font-family:monospace;font-weight:700;font-size:12.5px;white-space:nowrap}.svv-lab-chip-main{background:#ffcc4429;border-color:#ffcc4480;box-shadow:inset 0 1px #fff0c82e}.svv-lab-arrow{color:#ffd54f;font-size:18px;font-weight:700;opacity:.85;line-height:1;margin-left:2px}.main-page{--mp-cream: #f7efd9;--mp-paper: #fffdf6;--mp-cell: #e9e1d3;--mp-ink: #3a2e2a;--mp-border: #4a3b2e;--mp-red: #8e2f3c;--mp-gold: #c89b3c;--mp-gold-hi: #ffd75e;--mp-dim: #b0a48e;--mp-font: "Galmuri11", "Segoe UI", system-ui, sans-serif;--gold: #c89b3c;--icon-line: #4a3b2e;min-height:100vh;display:flex;flex-direction:column;--radius: 0;--radius-sm: 0;font-family:var(--mp-font);color:var(--mp-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='%23a08e6c' stroke-opacity='.11' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 9h5v6l3.5 4.5V31a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 13.5 31V19.5L17 15z'/%3E%3Cpath d='M18.5 9V7h2v2'/%3E%3Cpath d='M64 56h16l-2 9c-.8 3.4-3 5-6 5s-5.2-1.6-6-5z'/%3E%3Cpath d='M72 70v6M67 78h10'/%3E%3Cpath d='M40 82q3-9 0-18'/%3E%3Cpath d='M40 68l5-3.5M40 72.5l-5-3.5M40 63.5l4-3M40 77l-4.5-3'/%3E%3Ccircle cx='78' cy='20' r='1.1' fill='%23a08e6c' fill-opacity='.10' stroke='none'/%3E%3Ccircle cx='52' cy='38' r='0.9' fill='%23a08e6c' fill-opacity='.09' stroke='none'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(1.2px 1.2px at 23% 31%,rgba(181,164,132,.28) 0 50%,transparent 51%),radial-gradient(1.5px 1.5px at 71% 12%,rgba(181,164,132,.2) 0 50%,transparent 51%),radial-gradient(1px 1px at 47% 67%,rgba(181,164,132,.24) 0 50%,transparent 51%),radial-gradient(1.4px 1.4px at 88% 82%,rgba(181,164,132,.18) 0 50%,transparent 51%),radial-gradient(120% 90% at 50% 8%,#fbf5e4 0%,var(--mp-cream) 58%,#eadec0 100%);background-size:96px 96px,auto,auto,auto,auto,auto;-webkit-tap-highlight-color:transparent}.main-hero{text-align:center;padding:1.5rem 1.5rem .5rem}.main-title{display:flex;align-items:center;justify-content:center;gap:12px;max-width:720px;margin:0 auto 1.25rem;font-family:inherit;font-size:clamp(1.2rem,5.5vw,1.7rem);font-weight:700;color:var(--mp-ink);letter-spacing:.04em;line-height:1.25;word-break:keep-all;text-shadow:0 2px 0 rgba(200,155,60,.28)}.main-title:before,.main-title:after{content:"";flex:1;min-width:14px;height:1px;background:linear-gradient(90deg,transparent,#cbb98e 40%,#cbb98e 60%,transparent)}.hero-carousel{position:relative;width:100%;max-width:720px;margin:0 auto 1rem;border:2px solid var(--mp-border);border-radius:0;overflow:hidden;box-shadow:0 3px #4a3b2e59}.hero-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__slide{flex-shrink:0;width:100%;scroll-snap-align:start;display:block;text-decoration:none;color:inherit}.hero-carousel__slide img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:contain;background:var(--mp-cell)}.hero-carousel__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.hero-carousel__dot{width:8px;height:8px;border-radius:0;border:1px solid var(--mp-border);background:#fffdf6bf;cursor:pointer;padding:0;transition:background .2s,transform .2s}.hero-carousel__dot.active{background:var(--mp-gold);transform:scale(1.3)}.notice-ticker{display:flex;align-items:center;gap:.4rem;margin:0 0 .7rem;padding:.1rem .15rem;text-decoration:none;color:var(--mp-ink);overflow:hidden}.notice-ticker-icon{flex-shrink:0;display:flex;color:var(--icon-line);--icon-accent: var(--icon-line)}.notice-ticker-icon svg{width:1.05rem;height:1.05rem}.notice-ticker-icon svg *{vector-effect:non-scaling-stroke}.notice-ticker-track{flex:1;min-width:0;overflow:hidden}.notice-ticker-marquee{display:flex;width:max-content;animation:notice-ticker-scroll 4s linear infinite}.notice-ticker-text{display:inline-block;white-space:nowrap;padding-right:3rem;font-family:inherit;font-size:.9rem;font-weight:700}@keyframes notice-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(hover:hover)and (pointer:fine){.notice-ticker:hover .notice-ticker-marquee{animation-play-state:paused}.notice-ticker:hover{color:var(--mp-gold)}}.board-nav-row{display:flex;align-items:center;justify-content:center;max-width:720px;margin:0 auto .75rem;background:var(--mp-paper);border:2px solid var(--mp-border);border-radius:0;box-shadow:0 2px #4a3b2e59}.board-nav-link{position:relative;flex:1;min-width:0;text-align:center;padding:.5rem .4rem;text-decoration:none;color:var(--mp-ink);font-family:inherit;font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:2px dashed #e0d3b6;transition:color .15s ease,background .15s ease}.board-nav-link:last-child{border-right:none}.board-nav-link:hover{color:var(--mp-red);background:#fdf8ea}.hero-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem auto 0;width:100%;max-width:720px;box-sizing:border-box}.hero-shortcuts>.board-shortcut{flex:1 1 calc(50% - .25rem)}.board-shortcut{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.3rem;text-align:center;margin:0;padding:.55rem .5rem;background:var(--mp-paper);border:2px solid var(--mp-border);border-radius:0;box-shadow:0 3px #4a3b2e8c;text-decoration:none;color:var(--mp-ink);font-family:inherit;font-size:.8rem;font-weight:700;transition:transform .06s,box-shadow .06s,background .15s ease}.board-shortcut:hover{background:#fdf8ea}.board-shortcut:active{transform:translateY(3px);box-shadow:0 0 #4a3b2e8c}.board-shortcut svg{flex-shrink:0;width:1.3rem;height:1.3rem}.board-shortcut svg *{vector-effect:non-scaling-stroke;stroke-width:1.7px}.board-shortcut svg *[stroke-width="1.2"]{stroke-width:1.3px}.board-shortcut svg{color:var(--icon-line);--icon-accent: var(--icon-line)}.board-shortcut-dot{position:absolute;top:.4rem;right:.4rem;width:7px;height:7px;border-radius:0;background:var(--mp-red);box-shadow:0 0 0 2px var(--mp-paper)}.board-shortcut-dot--inline{position:static;display:inline-block;margin-left:.3rem;vertical-align:middle;box-shadow:none}.main-layout{display:grid;grid-template-columns:1fr minmax(0,720px) 1fr;align-items:start;gap:1rem}.main-layout .main-services{grid-column:2}.main-layout>.ad-slot{grid-column:3;justify-self:start;margin:0}.main-services{max-width:720px;margin:0;padding:0 1.5rem 3rem;flex:1}.main-hero .ad-slot{margin:20px auto 48px;max-width:720px;width:100%}.main-page>.ad-slot{margin-top:48px}.main-page .ad-slot{border-color:#a08e6c80;background:#a08e6c0f;color:#8a7b68}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.service-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;aspect-ratio:1/1;padding:.7rem .6rem;background:var(--mp-paper);border:2px solid var(--mp-border);border-radius:0;box-shadow:0 3px #4a3b2e8c;text-decoration:none;color:var(--mp-ink);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 5px #4a3b2e73;background:#fdf8ea}.service-card:active{transform:translateY(3px);box-shadow:0 0 #4a3b2e8c}.service-card-coming{opacity:.8;cursor:default}.service-card-coming:hover,.service-card-coming:active{transform:none;box-shadow:0 3px #4a3b2e8c;background:var(--mp-paper)}.coming-soon-overlay{position:absolute;top:.5rem;right:.5rem;z-index:2;pointer-events:none}.coming-soon-overlay span{display:inline-block;padding:.2rem .5rem;background:linear-gradient(100deg,var(--mp-gold),var(--mp-gold-hi) 50%,var(--mp-gold));color:#5a4310;font-family:inherit;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:2px solid #7a5416;border-radius:0;box-shadow:0 2px #5a431059;white-space:nowrap}.beta-badge{position:absolute;top:.5rem;right:.5rem;z-index:2;pointer-events:none}.beta-badge span{display:inline-block;padding:.22rem .55rem;background:var(--mp-red);color:#fff7ee;font-family:inherit;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:2px solid #5e1f28;border-radius:0;box-shadow:0 2px #5e1f2873;white-space:nowrap;animation:beta-badge-pulse 2s ease-in-out infinite}@keyframes beta-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.service-badge{position:absolute;top:.4rem;left:.4rem;font-size:1.3rem;line-height:1;opacity:.7}.service-icon{font-size:clamp(1.9rem,10vw,3.9rem);margin-bottom:.3rem}.service-icon svg,.service-badge svg{display:block}.service-icon svg{margin:0 auto}.service-icon svg *{vector-effect:non-scaling-stroke;stroke-width:2.1px}.service-icon svg *[stroke-width="1.2"]{stroke-width:1.6px}.service-icon,.service-badge{color:var(--icon-line);--icon-accent: var(--icon-line)}.service-name{font-family:inherit;font-size:clamp(.92rem,4.6vw,1.2rem);font-weight:700;margin:0 0 .35rem;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-desc{color:#6d5f52;font-size:clamp(.72rem,3.4vw,.8rem);line-height:1.5;min-height:3em;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.main-page .site-footer{border-top:1px solid #d8caa8}.main-page .footer-links a{color:#8a7b68}.main-page .footer-links a:hover{color:var(--mp-gold)}.main-page .footer-sep{color:#cbb98e}.main-page .footer-copy,.main-page .footer-business{color:#8a7b68}.main-page .footer-business{border-top:1px solid #d8caa8}@media(max-width:600px){.main-layout{grid-template-columns:1fr}.main-layout .main-services{grid-column:1}.main-layout>.ad-slot{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-desc{-webkit-line-clamp:2}.hero-carousel{max-width:100%}}@media(prefers-reduced-motion:reduce){.notice-ticker-marquee{animation:none}.notice-ticker-text+.notice-ticker-text{display:none}.beta-badge span{animation:none}}