:root{--bg:#ffffff;--surface:#f7f7f7;--border:#e5e5e5;--text:#1a1a1a;--muted:#999999;--accent:#e63946;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{color:var(--text);font-family:Noto Sans JP,Hiragino Sans,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.page-shell{max-width:480px;margin:0 auto;padding:0 16px 60px}.site-header{text-align:center;padding:20px 0 16px}.site-header h1{font-size:1.1rem;font-weight:700}.author-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.author-input{width:200px;font-size:.8rem;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;padding:4px 8px;transition:border-color .15s}.author-input:focus{border-color:var(--accent);background:var(--bg)}.author-input::placeholder{color:var(--muted)}.author-char-count{font-size:.65rem;color:var(--muted)}.counter{font-size:.8rem;color:var(--muted);margin-top:2px}.theme-selector{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.theme-selector::-webkit-scrollbar{display:none}.theme-chip{flex-shrink:0;padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-chip:active{background:var(--surface)}.theme-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.grid-cell{aspect-ratio:1;border:2px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .15s,background .15s;position:relative;overflow:hidden;background:var(--surface);text-align:center;padding:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.grid-cell,button.grid-cell{cursor:pointer}.grid-cell:active{background:#f0f0f0}.grid-cell.filled{border-style:solid;border-color:var(--border);background:#000;padding:0}.grid-cell .cell-number{font-size:.65rem;color:var(--muted);font-weight:600}.grid-cell .cell-img-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.grid-cell .cell-img-fallback{font-size:2rem;font-weight:700;color:var(--muted)}.grid-cell .cell-overlay{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.grid-cell .cell-overlay-name{display:block;font-size:.7rem;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.grid-cell .cell-overlay-link{display:block;font-size:.55rem;font-weight:500;color:rgba(255,255,255,.8);margin-top:1px}.grid-cell.linkable:hover .cell-overlay{background:linear-gradient(transparent,rgba(0,0,0,.85))}.grid-cell.linkable:hover .cell-overlay-link{color:#fff}.grid-cell .cell-placeholder{font-size:.85rem;color:var(--muted);font-weight:500}.progress-bar{height:3px;background:var(--surface);border-radius:2px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s;border-radius:2px}.section-label{font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:8px}.clear-all-row{display:flex;justify-content:flex-end;margin-top:8px}.btn-clear{background:none;border:none;color:var(--muted);font-size:.75rem;cursor:pointer;padding:2px 6px}.btn-clear:hover{color:var(--accent)}.selected-section{margin-top:24px}.selected-empty{text-align:center;font-size:.8rem;color:var(--muted);padding:20px 0}.selected-list{list-style:none}.selected-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.selected-item:last-child{border-bottom:none}.selected-item-img{object-fit:cover}.selected-item-img,.selected-item-img-placeholder{width:48px;height:48px;border-radius:8px;flex-shrink:0}.selected-item-img-placeholder{background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--muted)}.selected-item-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.selected-item-name{font-size:.9rem;font-weight:700}.selected-item-ruby{font-size:.7rem;color:var(--muted)}.selected-item-link{font-size:.7rem;font-weight:600;color:var(--accent);flex-shrink:0;white-space:nowrap}.popular-item{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-decoration:none;color:var(--text);transition:background .15s}.popular-item:active{background:#eee}.popular-item-thumb{width:60px;height:80px;border-radius:4px;object-fit:cover;flex-shrink:0}.popular-item-title{font-size:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actions-section{margin-top:24px}.actions-remaining{font-size:.8rem;color:var(--accent);margin-bottom:10px}.actions-remaining,.btn{text-align:center;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);padding:10px 16px;font-size:.85rem;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active:not(:disabled){opacity:.8}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:active:not(:disabled){background:#eee}.btn-full{width:100%}.actions-row-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.actions-row-split.actions-row-3{grid-template-columns:1fr 1fr 1fr}.actions-row-split .btn{width:100%}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--bg);width:100%;max-width:480px;height:85vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:modal-slide-up .2s ease-out}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:1rem;font-weight:700}.modal-close{background:none;border:none;font-size:1.4rem;color:var(--muted);cursor:pointer;padding:4px 8px;line-height:1}.modal-close:active{color:var(--text)}.modal-search{padding:12px 16px;flex-shrink:0}.modal-search-input{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:.9rem;background:var(--surface);outline:none}.modal-search-input:focus{border-color:var(--accent);background:var(--bg)}.modal-results{flex:1 1;min-height:320px;overflow-y:auto;padding:0 16px 16px;-webkit-overflow-scrolling:touch}.modal-hint{text-align:center;color:var(--muted);font-size:.85rem;padding:32px 0}.modal-hint-error{color:var(--accent)}.modal-mock-notice{text-align:center;font-size:.7rem;color:var(--muted);background:var(--surface);border-radius:var(--radius);padding:4px 8px;margin-bottom:8px}.modal-result-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;margin-bottom:6px;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .1s}.modal-result-item:active{background:var(--surface)}.modal-result-img{object-fit:cover}.modal-result-img,.modal-result-img-placeholder{width:44px;height:44px;border-radius:50%;flex-shrink:0}.modal-result-img-placeholder{background:var(--surface)}.modal-result-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1;margin-left:10px}.modal-result-name{font-weight:700;font-size:.9rem}.modal-result-meta{font-size:.7rem;color:var(--muted)}.modal-result-action{font-size:.75rem;font-weight:600;color:var(--accent);flex-shrink:0;padding-left:8px}.modal-current{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);flex-shrink:0}.share-header{text-align:center;padding:20px 0 16px}.share-header h1{font-size:1.1rem;font-weight:700}.share-header p{font-size:.8rem;color:var(--muted);margin-top:4px}.share-cta{display:inline-block;margin-top:10px;font-size:.85rem;font-weight:600;color:var(--accent)}.share-stage{max-width:480px;margin:0 auto}.recent-shares{margin-top:32px}.recent-shares-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:12px}.recent-share-card{display:block;padding:12px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:background .15s}.recent-share-card:hover{background:var(--bg-card)}.recent-share-title{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-share-author{font-size:.65rem;color:var(--muted);margin-top:2px}.recent-share-actresses{font-size:.65rem;color:var(--muted);margin-top:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-header{text-align:center;padding:20px 0 16px}.ranking-header h1{font-size:1.1rem;font-weight:700}.ranking-header p{font-size:.8rem;color:var(--muted);margin-top:4px}.ranking-list{list-style:none}.ranking-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.ranking-item:last-child{border-bottom:none}.ranking-rank{font-size:1.1rem;font-weight:700;color:var(--muted);width:28px;text-align:center;flex-shrink:0}.ranking-item:first-child .ranking-rank{color:#d4a017}.ranking-item:nth-child(2) .ranking-rank{color:#a0a0a0}.ranking-item:nth-child(3) .ranking-rank{color:#cd7f32}.ranking-info{flex:1 1;min-width:0;gap:1px}.ranking-info,.ranking-right{display:flex;flex-direction:column}.ranking-right{align-items:flex-end;gap:4px;flex-shrink:0}.ranking-count{font-size:.7rem;font-weight:600;color:var(--accent);white-space:nowrap}.ranking-cta{text-align:center;padding:24px 0}.empty-state{text-align:center;padding:40px 16px;color:var(--muted)}.empty-state-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:4px}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.footer-note{font-size:.7rem;margin-top:32px;padding-top:12px;border-top:1px solid var(--border)}.footer-note,.global-footer{text-align:center;color:var(--muted)}.global-footer{font-size:.65rem;padding:16px 0 24px}.global-footer a{color:var(--muted);text-decoration:underline}.terms-page{padding-top:24px}.terms-heading{font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:24px}.terms-section{margin-bottom:20px}.terms-section h2{font-size:.9rem;font-weight:700;margin-bottom:6px}.terms-section p{font-size:.8rem;color:var(--muted);line-height:1.8}.terms-section a{color:var(--accent);text-decoration:underline}.terms-back{text-align:center;margin-top:32px}@media (min-width:481px){.modal-overlay{align-items:center}.modal{border-radius:16px;height:70vh}@keyframes modal-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}}