@charset "UTF-8";:root{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f8f9fc;--border: #e4e7ef;--border-strong: #cdd3e0;--ink: #111827;--ink-2: #4b5563;--muted: #8b93a4;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef0ff;--primary-ink: #3730a3;--success: #16a34a;--success-hover: #15803d;--success-soft: #e3f8ea;--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft: #fdecec;--warning-soft: #fff6df;--warning-border: #f7d98b;--warning-ink: #8a5a00;--edited: #c2410c;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .05);--shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 4px 14px rgba(17, 24, 39, .05);--shadow-lg: 0 16px 40px rgba(17, 24, 39, .2);--ring: 0 0 0 3px rgba(79, 70, 229, .22);--tabbar-h: 62px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.45;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%}h2,h3,h4{color:var(--ink);letter-spacing:-.01em}h2{margin:0 0 1rem;font-size:1.4rem;font-weight:700}h3{margin:0;font-size:1.02rem;font-weight:650}:focus-visible{outline:none;box-shadow:var(--ring)}header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#fffffff7;border-bottom:1px solid var(--border)}header .brand{display:flex;align-items:center;gap:.55rem;flex:1 1 auto;min-width:0}header h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 .25rem var(--safe-bottom);background:#fffffffa;border-top:1px solid var(--border);box-shadow:0 -4px 16px #1118270d}header nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:0;padding:.35rem .1rem;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:.68rem;font-weight:600;transition:color .15s}header nav button svg{width:22px;height:22px;padding:2px 10px;box-sizing:content-box;border-radius:999px;transition:background .15s}header nav button .nav-label-long{display:none}header nav button .nav-label-short{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header nav button:hover:not(:disabled){background:transparent}header nav button:hover:not(:disabled):not(.active){color:var(--ink-2)}header nav button.active{color:var(--primary)}header nav button.active svg{background:var(--primary-soft)}header .lang-select{flex:none;width:auto;min-height:34px;padding:.3rem 1.8rem .3rem .6rem;font-size:.82rem;font-weight:600;color:var(--ink-2);background-color:var(--surface-2)}main{max-width:1180px;margin:0 auto;padding:1rem 1rem calc(var(--tabbar-h) + var(--safe-bottom) + 1.25rem)}.tab-panel{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.form-row{margin-bottom:1rem;display:flex;flex-direction:column;gap:.3rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink-2)}input[type=text],input[type=search],input[type=date],select{width:100%;max-width:100%;min-height:44px;padding:.5rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:400 16px/1.3 var(--font);transition:border-color .15s,box-shadow .15s}input[type=text]::placeholder,input[type=search]::placeholder,input[type=date]::placeholder,select::placeholder{color:var(--muted)}input[type=text]:hover,input[type=search]:hover,input[type=date]:hover,select:hover{border-color:#b6bdcc}input[type=text]:focus,input[type=search]:focus,input[type=date]:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}select{appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;cursor:pointer}input[type=file]{width:100%;max-width:100%;padding:.9rem;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);font:400 .88rem var(--font);cursor:pointer;transition:border-color .15s,background .15s}input[type=file]:hover{border-color:var(--primary);background:var(--primary-soft)}input[type=file]::file-selector-button{margin-right:.75rem;padding:.5rem .95rem;border:none;border-radius:999px;background:var(--primary);color:#fff;font:600 .85rem var(--font);cursor:pointer}input[type=checkbox]{accent-color:var(--primary)}button,.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem 1.1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font:600 .92rem/1.2 var(--font);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .05s}button:hover:not(:disabled),.btn-link:hover:not(:disabled){background:var(--primary-hover)}button:active:not(:disabled),.btn-link:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn-link:disabled{opacity:.5;cursor:not-allowed}.btn-link:hover{background:var(--primary-hover)}button.danger{background:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-hover)}button.btn-success{background:var(--success)}button.btn-success:hover:not(:disabled){background:var(--success-hover)}button.btn-outline,button.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}button.btn-outline:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:#b6bdcc}button.btn-sm{min-height:36px;padding:.35rem .8rem;font-size:.82rem}button.btn-sm.danger:not(:disabled){background:var(--danger-soft);color:var(--danger)}button.btn-sm.danger:not(:disabled):hover{background:var(--danger);color:#fff}.spinner{display:inline-block;width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.error{margin:.75rem 0;padding:.6rem .85rem;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-hover);font-size:.88rem}.notice{margin:0 0 .75rem;padding:.6rem .85rem;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary-ink);font-size:.88rem}.muted{color:var(--ink-2)}.small{font-size:.82rem}.hint{font-size:.8rem;color:var(--muted);margin:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2);font-size:.72rem;font-weight:600;white-space:nowrap}.badge.edited{background:#fff1e8;border-color:#fbd3bb;color:var(--edited)}code{background:var(--surface-2);border:1px solid var(--border);padding:1px 5px;border-radius:5px;font-size:.85em}.auth-wall{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:.75rem;padding:1.5rem;text-align:center;color:var(--ink-2)}.auth-wall .auth-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--danger-soft);color:var(--danger)}.auth-wall .auth-icon svg{width:28px;height:28px}.auth-wall .auth-title{font-size:1.25rem;font-weight:700;color:var(--ink)}.auth-wall code{word-break:break-all}.card{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.thumb{width:72px;height:72px;object-fit:cover;border-radius:50%}.thumb-sm{width:32px;height:32px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:.45rem}.no-photo{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--surface-2);border:1px dashed var(--border-strong);color:var(--muted);font-size:.65rem;text-align:center;line-height:1.15;padding:.25rem}.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem;margin-top:.75rem}.face-grid .face-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.6rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.face-grid .face-card img{width:100%;max-width:84px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.face-grid .face-card span{font-size:.85rem;font-weight:650;text-align:center;word-break:break-word}.face-grid .face-card small{padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:var(--surface)}table th,table td{padding:.6rem .8rem;text-align:center;border-bottom:1px solid var(--border)}table th{background:var(--surface-2);color:var(--ink-2);font-weight:600}table tr:last-child td{border-bottom:none}@media(min-width:720px){body{font-size:15.5px}h2{font-size:1.6rem;margin-bottom:1.25rem}main{padding:1.5rem 1.5rem 2.5rem}.card{padding:1.35rem;margin-bottom:1.25rem}.face-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.thumb,.no-photo{width:84px;height:84px}button.btn-sm{min-height:34px}}@media(min-width:960px){header{padding:.65rem 1.5rem;gap:1.5rem}header .brand{flex:none}header nav{position:static;display:flex;flex:1 1 auto;gap:.25rem;height:auto;padding:0;background:none;border:none;box-shadow:none}header nav button{flex-direction:row;gap:.45rem;min-height:38px;padding:.4rem .8rem;color:var(--ink-2);font-size:.88rem}header nav button svg{width:18px;height:18px;padding:0}header nav button .nav-label-long{display:inline}header nav button .nav-label-short{display:none}header nav button:hover:not(:disabled):not(.active){background:var(--surface-2);color:var(--ink)}header nav button.active,header nav button.active:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}header nav button.active svg,header nav button.active:hover:not(:disabled) svg{background:none}}