:root{--app-header-height: 56px;--bottom-nav-height: 54px;--bg: #fafafa;--panel: #ffffff;--panel-border: #dbdbdb;--text: #262626;--muted: #8e8e8e;--primary: #035236;--primary-strong: #02462e;--primary-soft: #e7f3ee;--primary-soft-strong: #d3e8df;--primary-border: #98c6b2;--primary-text-on-soft: #164634;--danger: #ed4956;--success: #0a6f2f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--primary-strong)}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{border:none;background:var(--primary);color:#fff;border-radius:8px;padding:.6rem 1rem;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--primary-soft);color:var(--primary-text-on-soft)}button.danger{background:var(--danger)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(100%,460px);background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem;display:grid;gap:1rem;box-shadow:0 1px #00000008}.auth-card .language-switcher{justify-self:end}.login-lead{line-height:1.55;text-wrap:pretty}.login-lead>span{display:block}.login-lead>span+span:before{content:""}.policy-links{display:flex;gap:.75rem;flex-wrap:wrap}.legal-page{min-height:100vh;padding:1rem}.legal-card{width:min(100%,980px);margin:0 auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.1rem;display:grid;gap:1rem}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.legal-markdown{display:grid;gap:.8rem;line-height:1.65}.legal-markdown h1,.legal-markdown h2,.legal-markdown h3{margin:.2rem 0 0}.legal-markdown h1{font-size:1.4rem}.legal-markdown h2{font-size:1.1rem}.legal-markdown h3{font-size:1rem}.legal-markdown ul,.legal-markdown ol{margin:0;padding-left:1.4rem;display:grid;gap:.32rem}.legal-markdown hr{border:none;border-top:1px solid #e3e8ed;margin:.2rem 0}.dev-preview{padding:.75rem;border:1px dashed #b8c7d7;border-radius:10px}.app-shell{min-height:100vh;padding-bottom:64px}.app-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--panel-border);min-height:var(--app-header-height);padding:.65rem .95rem;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:.42rem;text-decoration:none}.brand-mark{width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon{width:100%;height:100%;display:block}.brand-logo{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:1.55rem;line-height:1;font-weight:700;color:var(--text)}.header-actions{display:flex;gap:.35rem;align-items:center}.header-language-switcher{margin-right:.2rem}.language-switcher{display:inline-flex;align-items:center;border:1px solid var(--primary-border);border-radius:8px;padding:2px;background:var(--primary-soft)}.language-switcher-button{background:transparent;color:var(--primary-text-on-soft);border-radius:6px;padding:.24rem .52rem;font-size:.75rem;font-weight:600;line-height:1.1}.language-switcher-button.active{background:var(--primary);color:#fff}.ghost-button{background:transparent;color:var(--text);padding:.3rem .5rem}.profile-button{background:transparent;padding:0;border:1px solid transparent;border-radius:999px}.profile-button:hover{border-color:var(--primary-border)}.page-container{width:min(100%,1080px);margin:0 auto;padding:.8rem}.panel,.sub-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1rem}.panel,.stack-lg{display:grid;gap:1rem}.stack-md{display:grid;gap:.75rem}.stack-sm{display:grid;gap:.4rem}.field{display:grid;gap:.35rem}.field input,.field textarea,.filters input,.filters select,.inline-form input,.inline-form select,.report-panel textarea,.report-panel select{border:1px solid #c1cedb;border-radius:9px;padding:.55rem .65rem;width:100%;background:#fff}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--primary-border);border-radius:10px;background-color:var(--primary-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23164634' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.72rem;color:var(--primary-text-on-soft);font-weight:600;padding-right:2rem;box-shadow:0 1px #03523614;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;cursor:pointer}select:hover{border-color:var(--primary);background-color:#f1f9f5}select:focus,select:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0352362e}select:disabled{opacity:.6;cursor:not-allowed}select option{color:var(--text);background:#fff;font-weight:500}.field-set{border:1px solid #d0dbe7;border-radius:10px;padding:.75rem;display:grid;gap:.5rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.45rem}.option-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.option-item{display:flex;align-items:center;gap:.45rem}.native-language-fieldset .option-item{cursor:pointer}.native-language-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid #8aa89b;border-radius:3px;background:#fff;box-shadow:inset 0 1px #03523614;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;cursor:pointer}.native-language-fieldset .option-item:hover .native-language-checkbox{border-color:var(--primary)}.native-language-checkbox:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #03523629}.native-language-checkbox:checked{border-color:var(--primary);background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 7.2 5.8 10 11 4.8'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:.75rem .75rem}.inline-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.learning-language-row{display:grid;grid-template-columns:minmax(8.5rem,12rem) minmax(7rem,9.5rem) auto;align-items:center;justify-content:start;gap:.55rem}.learning-language-row .learning-language-select,.learning-language-row .learning-proficiency-select{width:100%;min-width:0;max-width:100%;padding:.5rem 2.2rem .5rem .65rem;background-position:right .65rem center;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.learning-remove-button{white-space:nowrap}.chat-page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.1rem .1rem .25rem}.chat-peer-title{margin:0;font-size:1.05rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-form{display:flex;gap:.5rem}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;width:fit-content;border:none;background:var(--primary);color:#fff;border-radius:8px;padding:.6rem 1rem;cursor:pointer;font-weight:600;text-decoration:none}.avatar-link{display:inline-flex;border-radius:999px;border:2px solid transparent;transition:border-color .2s ease}.avatar-link:hover{border-color:var(--primary-border)}.chip{background:#efefef;color:#1f1f1f;border-radius:999px;padding:.2rem .55rem}.language-inline{display:inline-flex;align-items:center;gap:.35rem;line-height:1.1;vertical-align:middle}.language-inline.compact{gap:.28rem;font-size:.86rem}.flag-icon{border:1px solid #d8d8d8;border-radius:2px;box-shadow:0 0 0 1px #fff9 inset}.flag-fallback{min-width:1.25rem;height:.95rem;padding:0 .12rem;border:1px solid #d8d8d8;border-radius:2px;display:inline-grid;place-items:center;font-size:.58rem;font-weight:700;color:#4c4c4c;background:#f1f1f1}.language-list{display:inline-flex;flex-wrap:wrap;gap:.28rem;margin-left:.4rem;vertical-align:middle}.language-with-level{display:inline-flex;align-items:center;gap:.2rem}.chip .language-inline{font-size:.82rem}.danger-text,.text-link{background:transparent;color:var(--danger);padding:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.home-title{font-size:1.28rem;line-height:1.3}.language-card,.user-card,.conversation-row{background:#fff;border:1px solid var(--panel-border);border-radius:12px;padding:.75rem;text-decoration:none;color:inherit}.add-card{border-style:dashed}.user-card{display:flex;gap:.75rem}.user-card-main,.conversation-main{min-width:0;flex:1;display:grid;gap:.25rem}.user-card-top,.conversation-top{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.conversation-row{display:flex;gap:.7rem;align-items:center}.conversation-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.messages-panel{gap:0;padding:0;overflow:hidden;border-color:#d6e3dd}.line-chat-list{display:grid;background:#fff}.line-chat-item{display:flex;align-items:center;gap:.72rem;padding:.78rem .86rem;border-bottom:1px solid #e8efeb;text-decoration:none;color:inherit;transition:background-color .18s ease}.line-chat-item:last-child{border-bottom:none}.line-chat-item:hover{background:#f5faf8}.line-chat-main{min-width:0;flex:1;display:grid;gap:.2rem}.line-chat-head{display:flex;justify-content:space-between;align-items:baseline;gap:.45rem}.line-chat-name{font-weight:600}.line-chat-item.unread .line-chat-name{font-weight:700}.line-chat-time{font-size:.7rem;color:#87988f;white-space:nowrap;flex-shrink:0}.line-chat-foot{display:flex;align-items:center;gap:.45rem}.line-chat-snippet{margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;color:#6c7b74}.line-chat-item.unread .line-chat-snippet{color:#44554e}.line-chat-unread{min-width:1.35rem;height:1.35rem;background:var(--primary);font-size:.72rem;font-weight:700;color:#fff;border-radius:999px;display:inline-grid;place-items:center}.badge{min-width:1.2rem;height:1.2rem;border-radius:999px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:.72rem}.profile-head{display:flex;gap:.8rem;align-items:center}.chat-box{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:.45rem;padding:.35rem;border:1px solid var(--panel-border);border-radius:10px;background:#fafafa}.chat-message-row{display:flex;gap:.42rem;align-items:flex-end}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}.chat-message-stack{display:grid;gap:.2rem}.chat-message-stack.mine{justify-items:end}.chat-message-stack.theirs{justify-items:start}.chat-avatar-link{width:34px;height:34px;border-radius:999px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary-border);color:var(--primary);background:#fff;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.chat-avatar-link:hover{border-color:var(--primary);background:var(--primary-soft)}.chat-bubble{max-width:min(84%,540px);border-radius:10px;padding:.5rem .65rem;display:grid;gap:.2rem}.chat-message-meta{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;line-height:1;color:#81928a;padding:0 .2rem}.chat-message-meta.mine{justify-content:flex-end}.chat-message-meta.theirs{justify-content:flex-start}.chat-read-status{font-weight:700;color:#0e6642;background:#dff0e8;border-radius:999px;padding:.12rem .36rem;white-space:nowrap}.chat-bubble.mine{background:var(--primary-soft-strong)}.chat-bubble.theirs{background:#efefef}.chat-typing-indicator{margin:0;min-height:1.1rem;font-size:.84rem;color:#4d645b}.report-panel{display:grid;gap:.5rem;border:1px solid #d7e0eb;border-radius:10px;padding:.75rem}.rating-card{border:1px solid var(--panel-border);border-radius:12px;padding:.8rem;background:#fcfefe}.rating-grid{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:.9rem 1rem;align-items:start}.rating-score-pills,.rating-category-pills{display:flex;flex-wrap:wrap;gap:.45rem}.score-pill{min-width:2.35rem;height:2.35rem;border:1px solid var(--primary-border);border-radius:999px;background:#fff;color:var(--primary-text-on-soft);font-weight:700;padding:0 .6rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.score-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.rating-category-pill{border:1px solid var(--primary-border);border-radius:999px;background:#fff;color:var(--primary-text-on-soft);font-weight:600;padding:.42rem .72rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.rating-category-pill.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.rating-actions{display:flex;justify-content:flex-end}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e2eaf3;padding-top:.9rem}.filters{display:flex;flex-wrap:wrap;gap:.6rem}.filters label{display:grid;gap:.2rem;min-width:170px}.search-filters .search-filter-item{min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid #e4ebf3;padding:.5rem;text-align:left;vertical-align:top}.mono{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.chat-monitor-list,.word-list{display:grid;gap:.45rem}.chat-monitor-row,.word-row{border:1px solid #d8e2ec;border-radius:10px;padding:.6rem;background:#fff}.chat-monitor-row.flagged{border-color:#f0b0b8;background:#fff5f6}.word-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.admin-panel{gap:.95rem;border-color:#cfe0d8;background:linear-gradient(180deg,#f9fcfb,#f7fbf9)}.admin-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem}.admin-summary-pills{display:inline-flex;flex-wrap:wrap;gap:.45rem}.admin-summary-pill{border:1px solid #cadfd4;border-radius:999px;padding:.24rem .6rem;background:#fff;color:var(--primary-text-on-soft);font-size:.82rem;font-weight:600}.admin-tabs-wrap{position:sticky;top:calc(var(--app-header-height) + .5rem);z-index:5;background:#fff;border:1px solid #d8e5df;border-radius:12px;padding:0 .35rem;box-shadow:0 6px 16px #03523614}.admin-tabs{min-height:44px}.admin-tabs .MuiTabs-indicator{height:3px;border-radius:999px;background:var(--primary)}.admin-tabs .MuiTab-root{text-transform:none;min-height:42px;font-size:.88rem;font-weight:700;color:#5f746b;padding:.5rem .75rem}.admin-tabs .Mui-selected{color:var(--primary)!important}.admin-tab-panel{border:1px solid #d6e4dd;border-radius:12px;background:#fff;padding:.9rem}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.admin-section-head.compact{margin-bottom:.15rem}.admin-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .55rem;border-radius:999px;border:1px solid #bfd8cb;background:var(--primary-soft);color:var(--primary);font-size:.8rem;font-weight:700}.admin-grid-shell{border:1px solid #dde8e2;border-radius:12px;overflow:hidden;background:#fff}.admin-grid{background:#fff}.admin-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:.8rem}.admin-chat-surface{border:1px solid #e1ece6;border-radius:12px;background:#fbfdfc;padding:.7rem}.admin-tab-panel h4{margin:0;font-size:.95rem}.admin-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:.55rem;border:1px solid #dce8e2;border-radius:10px;background:#f9fcfb}.admin-toolbar .MuiTextField-root{min-width:min(260px,100%)}.admin-grid-actions{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center}.admin-grid-actions button{padding:.35rem .55rem;font-size:.8rem;min-height:2rem;border-radius:8px}.stat-card{border:1px solid #d6e5de;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fcfa);padding:.75rem;display:grid;gap:.35rem}.stat-card p{font-size:1.35rem;font-weight:700;color:var(--primary)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #dbdbdb;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:var(--bottom-nav-height)}.bottom-nav-item{display:grid;place-items:center;padding:.2rem .3rem;text-decoration:none;color:#777;position:relative}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active:after{content:"";position:absolute;top:0;width:26px;height:2px;background:var(--primary);border-radius:999px}.bottom-nav-icon{font-size:1.45rem;line-height:1}.bottom-nav-label{font-size:.64rem;margin-top:2px;color:#8d8d8d}.bottom-nav-badge{position:absolute;top:.2rem;right:30%;background:var(--danger);color:#fff;font-size:.68rem;min-width:1rem;height:1rem;border-radius:999px;display:grid;place-items:center}.center{min-height:100vh;display:grid;place-items:center}.muted{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--success)}.empty-state{border:1px dashed #c4d2e0;border-radius:10px;padding:.8rem;background:#f9fcff}.app-shell.chat-shell{min-height:100dvh;height:100dvh;padding-bottom:0;overflow:hidden}.app-shell.chat-shell .page-container.chat-main{display:flex;flex-direction:column;overflow:hidden;height:calc(100dvh - var(--app-header-height) - var(--bottom-nav-height));padding-bottom:max(.8rem,env(safe-area-inset-bottom))}.chat-panel{height:100%;min-height:0;display:flex;flex-direction:column}.chat-page-head{flex-shrink:0}.chat-box{flex:1;min-height:0;max-height:none}.chat-compose{flex-shrink:0;align-items:center}.chat-compose input{flex:1;min-width:0}.chat-compose button{white-space:nowrap}@media (min-width: 1024px){.bottom-nav{left:50%;right:auto;bottom:.8rem;width:min(560px,calc(100% - 2rem));border:1px solid #c8dbd2;border-radius:16px;box-shadow:0 12px 28px #03523624;background:#fffffff7;transform:translate(-50%)}.app-shell{padding-bottom:calc(var(--bottom-nav-height) + 1.8rem)}.app-shell.chat-shell .page-container.chat-main{height:calc(100dvh - var(--app-header-height) - var(--bottom-nav-height) - 1rem);padding-bottom:.9rem}}@media (max-width: 767px){.bottom-nav{height:58px}.bottom-nav-icon,.bottom-nav-icon .MuiSvgIcon-root{font-size:1.66rem}.login-lead>span{display:block}.login-lead>span+span:before{content:""}.inline-form{flex-direction:column}.search-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;align-items:end}.search-filters .search-filter-item{gap:.14rem;min-width:0;font-size:.72rem}.search-filters .search-filter-item select{min-width:0;width:100%;font-size:.78rem;border-radius:6px;padding:.34rem 1.55rem .34rem .44rem;background-position:right .42rem center;background-size:.58rem;text-overflow:ellipsis}.learning-language-row{grid-template-columns:1fr;gap:.45rem}.learning-remove-button{justify-self:start}.chat-compose{flex-direction:row}.chat-panel{gap:.7rem;padding:.75rem}.chat-page-head{gap:.6rem;padding:0 0 .1rem}.chat-page-head h2{font-size:.94rem}.chat-bubble{max-width:min(86%,88vw)}.chat-message-row{gap:.34rem}.chat-message-meta{font-size:.64rem;gap:.32rem}.chat-read-status{padding:.1rem .32rem}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar .MuiTextField-root{min-width:0;width:100%}.admin-grid-actions{width:100%}.admin-header{align-items:flex-start}.admin-summary-pills{width:100%}.admin-tabs-wrap{top:calc(var(--app-header-height) + .35rem)}.admin-chat-layout{grid-template-columns:1fr}.rating-grid{grid-template-columns:1fr;gap:.8rem}.rating-actions{justify-content:stretch}.rating-actions button{width:100%}.setting-row{flex-direction:column;align-items:stretch}.panel{border-radius:10px;padding:.85rem}.home-title{font-size:1.12rem}.messages-panel{border-radius:10px}.line-chat-item{gap:.58rem;padding:.65rem .68rem}.line-chat-time{font-size:.63rem}.line-chat-snippet{font-size:.8rem}.line-chat-unread{min-width:1.2rem;height:1.2rem;font-size:.66rem}.bottom-nav-label{display:none}}