:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.6;font-weight:400;color:#222;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.app{width:100%;max-width:540px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 16px 24px}.app-header{text-align:center;padding:20px 0 8px;border-bottom:1px solid #ddd}.app-logo{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;font-size:1.6rem;font-weight:700;margin:0;color:#222;letter-spacing:.15em}.nav-bar{display:flex;border-bottom:1px solid #ddd}.nav-btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#999;padding:10px 0;font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .15s}.nav-btn:hover{color:#555}.nav-btn.active{color:#222;border-bottom-color:#222}.app-main{flex:1;padding-top:16px}.auth-page{max-width:360px;margin:0 auto;padding:80px 16px 40px;text-align:center}.auth-logo{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;font-size:2.4rem;font-weight:700;color:#222;margin:0;letter-spacing:.2em}.auth-tagline{color:#aaa;font-size:.8rem;margin:4px 0 40px}.auth-form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-title{font-size:1rem;font-weight:600;color:#222;margin:0 0 4px;text-align:center}.auth-error{color:#c33;font-size:.8rem;margin:0;padding:8px;background:#fef2f2;border:1px solid #fcc}.page-title{font-size:1.1rem;font-weight:600;color:#222;margin:0 0 12px}.page-desc{color:#888;font-size:.8rem;margin:-8px 0 12px}.field-label{display:flex;flex-direction:column;gap:4px;color:#555;font-size:.8rem;margin-bottom:4px}.field-input,.field-textarea{background:#fff;border:1px solid #ccc;border-radius:0;padding:8px 10px;color:#222;font-size:.9rem;font-family:inherit;transition:border-color .15s}.field-input:focus,.field-textarea:focus{outline:none;border-color:#222}.field-input:disabled{background:#f2f2f2;color:#999}.field-textarea{resize:vertical}.field-narrow{width:70px}select.field-input{appearance:none;cursor:pointer}.radio-group{display:flex;gap:16px;padding:4px 0}.radio-label{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#333;cursor:pointer}.form-errors{background:#fef2f2;border:1px solid #e8c0c0;padding:8px 12px}.form-errors p{margin:2px 0;color:#b33;font-size:.8rem}.btn-primary{background:#222;color:#fff;border:none;border-radius:0;padding:10px 20px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#444}.btn-secondary{background:#fff;color:#222;border:1px solid #ccc;border-radius:0;padding:8px 16px;font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color .15s}.btn-secondary:hover{border-color:#888}.btn-small{padding:5px 12px;font-size:.75rem}.btn-text{background:none;border:none;color:#888;font-size:.8rem;font-family:inherit;cursor:pointer;text-decoration:underline;padding:4px 0}.btn-text:hover{color:#222}.btn-back{background:none;border:none;color:#888;font-size:.8rem;font-family:inherit;cursor:pointer;padding:8px 0;margin-bottom:8px}.btn-back:before{content:"< "}.btn-back:hover{color:#222}.btn-logout{background:none;border:1px solid #ccc;border-radius:0;color:#888;padding:8px 16px;font-size:.8rem;font-family:inherit;cursor:pointer;margin-top:24px;width:100%}.btn-logout:hover{border-color:#c33;color:#c33}.profile-form,.tanka-edit-form{display:flex;flex-direction:column;gap:12px}.theme-section{border-top:1px solid #ddd;padding-top:16px;margin-top:8px}.theme-title{font-size:.9rem;font-weight:600;color:#222;margin:0 0 8px}.theme-month{font-weight:400;color:#aaa;font-size:.75rem;margin-left:8px}.tanka-vertical{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;writing-mode:vertical-rl;text-orientation:mixed;font-size:1.3rem;line-height:2.2;letter-spacing:.1em;color:#222;margin:0;padding:24px 16px;min-height:280px}.tanka-vertical span{display:block}.tanka-display{background:#fff;border:1px solid #e0e0e0;width:100%;display:flex;justify-content:center;overflow-x:auto}.tanka-list-page{display:flex;flex-direction:column;gap:12px}.list-header{display:flex;align-items:center;gap:12px}.list-header .page-title{margin:0;flex:1}.quota-badge{font-size:.75rem;color:#888;border:1px solid #ddd;padding:3px 8px}.filter-panel{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border:1px solid #ddd}.filter-row{display:flex;gap:12px}.age-range{display:flex;align-items:center;gap:6px}.range-sep{color:#aaa}.theme-badge{display:inline-block;font-size:.65rem;color:#8a6d3b;border:1px solid #c9b88c;padding:2px 6px;margin:8px 12px 0;background:#faf6ee}.empty-message{color:#aaa;font-size:.85rem;text-align:center;padding:40px 0}.swipe-container{position:relative;width:100%;height:calc(100svh - 240px);min-height:200px;max-height:480px;display:flex;align-items:center;justify-content:center}.swipe-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.swipe-card{width:100%;height:100%;background:#fff;border:1px solid #e0e0e0;position:relative;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.swipe-card .tanka-display{height:100%}.swipe-card .tanka-vertical{min-height:unset;height:100%;box-sizing:border-box}.swipe-card.swipe-left{transform:translate(-120%) rotate(-8deg);opacity:0}.swipe-card.swipe-right{transform:translate(120%) rotate(8deg);opacity:0}.swipe-card.swipe-up{transform:translateY(-120%);opacity:0}.swipe-actions{display:flex;justify-content:center;gap:12px;padding:8px 0}.action-btn{flex:1;padding:12px 0;font-size:.85rem;font-family:inherit;border:1px solid #ccc;border-radius:0;cursor:pointer;background:#fff;color:#222;transition:all .15s}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-sorehodo{border-color:#bbb;color:#888}.action-sorehodo:hover:not(:disabled){border-color:#888;background:#f5f5f5}.action-keep{border-color:#c9b88c;color:#8a6d3b}.action-keep:hover:not(:disabled){border-color:#a68c4e;background:#faf6ee}.action-like{border-color:#e8a0b0;color:#c33c5a}.action-like:hover:not(:disabled){border-color:#c33c5a;background:#fef2f5}.profile-view{display:flex;flex-direction:column;gap:12px}.pv-name{font-size:1.2rem;font-weight:600;margin:0;color:#222}.pv-meta{display:flex;gap:12px;font-size:.8rem;color:#888}.pv-target{font-size:.8rem;color:#888;margin:0}.pv-tanka{background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center}.pv-tanka-theme{border-color:#c9b88c}.dm-list-page{display:flex;flex-direction:column;gap:8px}.dm-user-list{list-style:none;padding:0;margin:0}.dm-user-row{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:0;padding:12px;cursor:pointer;font-family:inherit;margin-bottom:4px;transition:border-color .15s}.dm-user-row:hover{border-color:#888}.dm-user-name{font-size:.9rem;color:#222}.dm-user-meta{font-size:.75rem;color:#aaa}.dm-thread{display:flex;flex-direction:column;min-height:400px}.dm-partner-name{font-size:1rem;font-weight:600;margin:0 0 12px;color:#222}.dm-messages{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px 0}.dm-bubble{max-width:75%;padding:8px 12px;font-size:.85rem;line-height:1.5}.dm-mine{align-self:flex-end;background:#222;color:#fff}.dm-theirs{align-self:flex-start;background:#f0f0f0;color:#222}.dm-input-area{display:flex;gap:8px;padding-top:12px;border-top:1px solid #ddd;margin-top:auto}.dm-input{flex:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:#fff;padding:24px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto}.modal-match{text-align:center}.match-title{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;font-size:1.4rem;color:#c33c5a;margin:0 0 12px}.match-partner{font-size:.9rem;color:#222;margin:0 0 16px}.match-thanks{background:#faf6ee;border:1px solid #c9b88c;padding:12px;margin-bottom:16px;text-align:left}.match-thanks-label{font-size:.7rem;color:#8a6d3b;margin:0 0 4px}.match-thanks-text{font-size:.85rem;color:#222;margin:0;line-height:1.6}.match-info{font-size:.8rem;color:#888;margin:0}.tanka-add-area,.tanka-collection{display:flex;flex-direction:column;gap:8px}.section-title{font-size:.9rem;font-weight:600;color:#222;margin:0}.collection-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.collection-item{border:1px solid #e0e0e0;background:#fff;padding:10px 12px}.collection-item.is-display{border-color:#222}.collection-text{font-size:.85rem;color:#222;line-height:1.6;margin-bottom:8px}.collection-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.history-page{display:flex;flex-direction:column;gap:8px}.history-tabs{display:flex;border-bottom:1px solid #ddd}.history-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#999;padding:8px 0;font-size:.8rem;font-family:inherit;cursor:pointer}.history-tab.active{color:#222;border-bottom-color:#222}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.history-item{border:1px solid #e0e0e0;background:#fff}.history-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid #eee;align-items:center}.liked-label{font-size:.75rem;color:#aaa}.tanka-vertical-small{font-size:1rem;min-height:180px;line-height:2}.char-count{font-size:.7rem;color:#aaa;text-align:right}.field-hint{font-size:.7rem;color:#aaa}.toggle-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#333;cursor:pointer;padding:4px 0}.settings-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.pv-thanks{background:#faf6ee;border:1px solid #c9b88c;padding:12px}.pv-thanks-label{font-size:.7rem;color:#8a6d3b;margin:0 0 4px}.pv-thanks-text{font-size:.85rem;color:#222;margin:0;line-height:1.6}.dm-thread-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dm-thread-header .dm-partner-name{margin:0}