.entry{max-width:460px;padding:40px 20px}.entry>img{display:block;margin:0 auto 24px;max-width:100%;height:auto}.account-panel{padding:24px}.account-panel h1{font-size:24px;margin:0 0 12px}.account-panel form{margin-top:20px}.account-panel label,.profile-create label{display:block;color:var(--text);margin-bottom:6px}.account-panel input,.profile-create input{width:100%;min-height:42px;background:#06100f;border:1px solid #285c43;border-radius:6px;padding:9px 12px;color:var(--text);font:inherit}.account-panel form p,.profile-create form p{margin:14px 0}.account-primary{background:#13e799;color:#032316;border:0;border-radius:6px;padding:10px 16px;font-weight:700;cursor:pointer;min-height:40px}.account-panel .account-primary{width:100%}.account-panel .hint{font-size:12px;margin-top:18px}.account-error,.errorlist{color:#ff9999;font-size:13px}.helptext{font-size:11px;display:block;margin-top:5px}.profile-create{margin-bottom:20px}.profile-create summary{color:var(--accent);cursor:pointer}.profile-create form{max-width:440px}.profile-card{border-top:1px solid var(--border);padding:14px 0}.profile-title{display:flex;align-items:center;gap:14px;margin-bottom:10px}.profile-title span{color:var(--muted);font-size:12px}.profile-title form{margin-left:auto}.device-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0}.device-row small{display:block;color:var(--muted);font-size:11px}.device-times{font-variant-numeric:tabular-nums}.profile-header{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--muted);font-size:12px}.profile-header button{background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--muted);padding:5px 8px;cursor:pointer}.profile-header form{margin:0}.header{gap:24px}@media(max-width:767px){.profile-header{grid-column:1/-1;justify-content:flex-end;margin-bottom:8px;font-size:11px}.device-row{align-items:flex-start;flex-wrap:wrap}.device-row>div:first-child{flex-basis:100%}.profile-title{flex-wrap:wrap}.account-panel{padding:20px}}

.profile-header span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.profile-title strong{max-width:100%;overflow-wrap:anywhere}.device-row strong{overflow-wrap:anywhere}

.profile-header>span{color:#c9d6d1;font-size:.9rem;font-weight:720;line-height:1.15;letter-spacing:0}
.profile-header .header-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid #28634c;border-radius:10px;background:linear-gradient(180deg,#15382b,#0d241c);color:#ccebdd;font:inherit;font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff08;transition:background .15s,border-color .15s,color .15s}
.profile-header .header-logout svg{color:#13e799;flex-shrink:0}
.profile-header .header-logout:hover{background:#1a4835;border-color:#13e799;color:#fff}
.profile-header .header-logout:focus-visible{outline:2px solid #13e799;outline-offset:3px}
.profile-header .header-logout:active{background:#0a1e17}
@media(max-width:767px){.profile-header>span{font-size:.82rem}.profile-header .header-logout{min-height:36px;padding:7px 10px;font-size:11px;gap:6px}}
@media(prefers-reduced-motion:reduce){.profile-header .header-logout{transition:none}}


.account-management{margin-bottom:18px}
.profile-password{margin:10px 0 14px}.profile-password summary{color:var(--accent);font-weight:600;cursor:pointer;min-height:30px}
.profile-password form{max-width:420px;padding:8px 0}.profile-password label{display:block;margin-bottom:6px;color:var(--text);font-size:13px}
.profile-password input{width:100%;min-height:42px;background:#06100f;border:1px solid #285c43;border-radius:6px;padding:9px 12px;color:var(--text);font:inherit}
.profile-password input:focus-visible{outline:2px solid #13e799;outline-offset:2px}
.profile-title button:disabled,.device-row button:disabled{opacity:.5;cursor:not-allowed}
.profile-title>button{margin-left:auto}.device-row form{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:767px){.profile-title>button{margin-left:0}.device-row form,.device-row>button{width:100%}.device-row form button{flex:1}}

.page-system .account-management{margin-bottom:0}.page-system .profile-create{margin:0 0 10px}.page-system .profile-create summary{font-size:12px;font-weight:600}
.page-system .profile-card{padding:10px 0}.page-system .profile-title{margin-bottom:4px;gap:10px}.page-system .profile-title strong{font-size:14px}
.page-system .profile-title .outline,.page-system .device-row .outline{padding:6px 9px;min-height:32px;font-size:12px}
.page-system .profile-password{margin:5px 0 7px}.page-system .profile-password summary{min-height:24px;font-size:12px}
.page-system .device-row{padding:8px 0;gap:12px;border-top:1px solid var(--border)}.page-system .device-row strong{font-size:13px}
.page-system .device-times{display:flex;flex-wrap:wrap;gap:4px 14px;max-width:440px}
.page-system .profile-password form p{margin:8px 0}.page-system .profile-password input,.page-system .profile-create input{min-height:36px;padding:7px 10px}
.page-system .account-primary{min-height:34px;padding:7px 12px;font-size:12px}
@media(max-width:767px){.page-system .device-row{gap:6px}.page-system .device-times{max-width:100%}.page-system .profile-title{gap:5px 10px}.page-system .profile-title form,.page-system .profile-title>button{margin-left:0}}

.device-info{min-width:0;flex:1}.device-rename{margin-top:5px;align-items:center}.device-rename input{min-width:0;max-width:230px;flex:1;min-height:32px;padding:5px 8px;background:#06100f;border:1px solid #285c43;border-radius:6px;color:var(--text);font:inherit;font-size:12px}.device-rename input:focus-visible{outline:2px solid #13e799;outline-offset:2px}.device-nickname{margin:8px 0 14px}.device-nickname summary{font-size:12px;color:var(--muted);cursor:pointer}.device-nickname input{margin-top:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.page-system .device-rename{width:auto}.page-system .device-rename input{max-width:none}.page-system .device-rename button{flex:0 0 auto}}

.profile-devices{margin:6px 0}.profile-devices>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--accent);font-size:12px;font-weight:650;padding:5px 0;list-style:none}.profile-devices>summary:before{content:'▸';font-size:13px}.profile-devices[open]>summary:before{content:'▾'}.device-count{background:#153a2a;border-radius:8px;padding:1px 6px;color:#b8d4c5;font-size:11px}.page-system details.device-fold{display:block;padding:0;border-top:1px solid var(--border)}.device-fold>summary{display:flex;align-items:center;gap:9px;padding:7px 0;cursor:pointer;font-size:11px;list-style:none}.device-fold>summary:before{content:'▸';color:var(--accent)}.device-fold[open]>summary:before{content:'▾'}.device-fold>summary strong{font-size:12px}.device-fold>summary>span{color:var(--muted)}.device-fold>summary .device-state{margin-left:auto;color:#88c4a5}.device-fold>summary .device-state.blocked{color:#ff9999}.device-current{font-size:10px}.device-content{display:flex;align-items:center;gap:14px;padding:2px 0 9px}.device-content>.device-info{flex:1}.device-content>.device-times{flex:1}.device-content>form{flex-shrink:0}@media(max-width:767px){.device-fold>summary{flex-wrap:wrap;gap:4px 7px}.device-content{flex-wrap:wrap;gap:6px}.device-content>.device-info{flex-basis:100%}.device-content>.device-times{flex-basis:100%}.device-content>form{width:100%}.device-content>.outline{width:100%}}
