/* The personal area uses Tresu's sea-blue palette and existing UI typeface. */
.more-toggle{flex-shrink:0;width:44px;height:44px}.more-toggle:disabled{opacity:.4;cursor:not-allowed}
.more-drawer,.pa-dialog{box-sizing:border-box;color:var(--theme-ink);font-family:var(--font-ui),"Noto Sans SC",sans-serif}
.more-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(280px,76vw);height:100dvh;max-height:none;max-width:none;border:0;border-right:1px solid #d4e9f026;border-radius:0;background:linear-gradient(160deg,#234757f5,#173541fa);color:#f6f4eb;box-shadow:18px 0 65px #102f4530;backdrop-filter:blur(24px)}
.more-drawer[open]{display:flex;flex-direction:column;animation:more-enter .23s ease-out}
.more-drawer::backdrop{background:#14354866;backdrop-filter:blur(5px)}
.more-drawer svg,.pa-dialog svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.more-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:24px 18px 20px 28px;font-size:13px;color:#d0e1e8;letter-spacing:2px}
.more-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit}
.more-drawer nav{display:grid;padding:12px 14px;gap:8px;overflow:auto}
.more-drawer nav button{display:flex;align-items:center;gap:20px;min-height:62px;padding:12px 16px;border-radius:12px;font-size:16px;color:#f6f4eb;text-align:left}
.more-drawer nav button:hover,.more-close:hover{background:#b7d7e51a}.more-chevron{margin-left:auto;color:#adc6d1;font-size:23px;font-weight:300}
.more-drawer-brand{margin-top:auto;padding:32px 28px max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.more-drawer-brand img{object-fit:contain}.more-drawer-brand>span{font-family:Lora,serif;font-size:22px}.more-drawer-brand small{display:block;margin-top:6px;font:10px/1.5 var(--font-ui),sans-serif;color:#b4cbd5;letter-spacing:1px}
.pa-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#eaf0f3;overflow:hidden}
.pa-dialog[open]{display:flex;flex-direction:column}.pa-dialog::backdrop{background:#18364766}
.pa-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));background:var(--theme-primary);color:white;flex-shrink:0}
.pa-top h1{font:600 18px/1.5 var(--font-ui),sans-serif;letter-spacing:1px;text-align:center;margin:0;color:white}.pa-top h1:focus{outline:none}.pa-top button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:white}.pa-top button:hover{background:#ffffff1c}
.pa-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.pa-content{width:min(100%,740px);margin:0 auto;padding:28px 24px max(32px,env(safe-area-inset-bottom));box-sizing:border-box}
.pa-card{background:#fffefb;border:1px solid #dce6eb;border-radius:16px;overflow:hidden;margin:0 0 16px;box-shadow:0 3px 12px #22415404}
.pa-card h2{display:flex;align-items:center;gap:10px;font:600 16px/1.6 var(--font-ui),sans-serif;letter-spacing:0;margin:0;padding:20px 20px 14px;color:var(--theme-ink)}
.pa-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:59px;box-sizing:border-box;padding:16px 20px;border:0;border-top:1px solid #e8edef;background:transparent;color:var(--theme-ink);text-align:left;font:400 14px/1.6 var(--font-ui),sans-serif}
.pa-row>span:first-child{min-width:0}.pa-row-title{display:block}.pa-row small{display:block;color:#687d88;font-size:11px;line-height:1.7;margin-top:4px}.pa-row-end{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#627d8b;font-size:12px}.pa-row-end>span:last-child[aria-hidden]{font-size:23px;line-height:1}.pa-link:not(:disabled):hover{background:#edf6fa}.pa-row:disabled{opacity:1;cursor:default}.pa-row:disabled .pa-row-title,.pa-unavailable .pa-row-title{color:#657a85}
.pa-switch{appearance:none;display:block;position:relative;flex:0 0 44px;width:44px;height:26px;margin:0;border:1px solid #c5d2d9;border-radius:30px;background:#d9e2e7;cursor:pointer;transition:background .18s}.pa-switch::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #18364726;transition:transform .18s}.pa-switch:checked{background:var(--theme-primary);border-color:var(--theme-primary)}.pa-switch:checked::after{transform:translateX(18px)}.pa-switch:disabled{cursor:default}.pa-switch:disabled:checked{background:#829aaa;border-color:#829aaa}
.pa-row select,.pa-row input[type=time]{width:auto;max-width:130px;flex-shrink:0;color:#516e7e;background:#f1f6f8;border:1px solid #d9e5eb;border-radius:8px;padding:8px;font:400 12px/1.5 var(--font-ui),sans-serif}
.pa-profile{display:flex;align-items:center;gap:15px;padding:20px;width:100%;text-align:left;min-height:94px}.pa-profile img{object-fit:contain;background:#edf5f8;border-radius:50%;padding:7px;box-sizing:border-box}.pa-profile>span:nth-child(2){flex:1;min-width:0}.pa-profile strong{display:block;font-size:16px;overflow-wrap:anywhere}.pa-profile small{display:block;font-size:11px;color:#687f8a;margin-top:7px}.pa-profile>span:last-child{color:#6f8793;font-size:23px}
.pa-card-note,.pa-version{font-size:11px;color:#718591;padding:0 20px 14px;line-height:1.7}.pa-lead{font-size:14px;line-height:1.9;margin:0 0 22px;color:#617c8b}
.pa-action{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:44px;border-radius:30px;background:var(--theme-primary);color:white;font-size:14px}.pa-action:disabled{background:#d8e3e9;color:#657e8b;cursor:default}
.pa-empty{text-align:center;padding:52px 24px}.pa-empty>svg{width:48px;height:48px;color:#749bc2}.pa-empty h2{justify-content:center;padding:20px 0 0}.pa-empty p{font-size:13px;color:#6b818d;line-height:1.8;margin-bottom:28px}
.pa-achievement{display:flex;gap:18px;padding:24px;color:#8b9fa9}.pa-achievement>svg{width:34px;height:34px;margin-top:3px}.pa-achievement>div{flex:1;min-width:0}.pa-achievement h2{padding:0}.pa-achievement p{font-size:12px;line-height:1.7;color:#6a808d;margin:6px 0 15px}.pa-achievement small{display:block;font-size:11px;margin-top:7px;color:#678292}.pa-achievement progress{display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;accent-color:var(--theme-primary)}.pa-achievement progress::-webkit-progress-bar{background:#e9eff2}.pa-achievement progress::-webkit-progress-value{background:var(--theme-primary)}.pa-achievement.is-earned{color:var(--theme-primary)}
.pa-form,.pa-article{padding:26px}.pa-form{display:grid;gap:15px}.pa-form label{font-weight:600;font-size:15px}.pa-form input,.pa-form textarea{box-sizing:border-box;max-width:100%;width:100%;background:#f8fbfc;border:1px solid #cddce4;border-radius:10px;padding:13px;font:400 15px/1.8 var(--font-ui),sans-serif;color:var(--theme-ink);resize:vertical}.pa-form p,.pa-article p{font-size:14px;line-height:1.95;color:#58717f;margin:0 0 18px}.pa-form p{font-size:12px;margin:0}.pa-form .pa-action{justify-self:start}.pa-article h2{padding:0;margin:0 0 20px;font-size:20px}.pa-article h3{font-size:15px;line-height:1.8;margin:24px 0 8px}.pa-article .pa-date{font-size:11px;color:#74909f;letter-spacing:1px}.pa-article p:last-child{margin-bottom:0}
.pa-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pa-swatches i{display:block;height:55px;border-radius:10px;border:1px solid #d6e2e8}.pa-swatches small{display:block;text-align:center;font-size:10px;color:#526f80;margin-top:9px}
.more-drawer button:focus-visible,.pa-dialog button:focus-visible,.pa-dialog input:focus-visible,.pa-dialog select:focus-visible,.pa-dialog textarea:focus-visible{outline:2px solid #91c8e4;outline-offset:3px}.pa-top button:focus-visible{outline-color:white}
@keyframes more-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:760px){.pa-content{padding:16px 14px max(28px,env(safe-area-inset-bottom))}.pa-card{border-radius:14px;margin-bottom:14px}.pa-row{padding:15px 16px;gap:16px;font-size:13px}.pa-card h2{padding:18px 16px 13px;font-size:15px}.pa-profile{padding:18px 16px}.pa-top{padding-left:10px;padding-right:10px}.pa-form,.pa-article{padding:22px 18px}.pa-article h2{padding:0;font-size:19px}.pa-achievement{padding:22px 18px;gap:14px}.pa-achievement h2{padding:0}.pa-switch{margin:5px 0}.pa-row-end{max-width:42%;font-size:11px}.pa-row-end>span{overflow-wrap:anywhere}.pa-version{padding-left:16px}.pa-top h1{font-size:17px}.pa-swatches{gap:8px}}