.profile-page{max-width:var(--max-width);margin:0 auto}.profile-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--ease-default)}.profile-back:hover{color:var(--color-accent)}.profile-title{margin-bottom:0}.profile-tabs{display:flex;gap:var(--space-2);margin-bottom:0;border-bottom:var(--border-width) solid var(--color-border)}.profile-tab{background:none;border:none;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--duration-fast) var(--ease-default)}.profile-tab:hover{color:var(--color-text)}.profile-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.profile-section{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.profile-info-card{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);margin-bottom:var(--space-8);background:var(--color-bg);border-radius:var(--radius-md);flex-wrap:wrap}.profile-avatar-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);flex-shrink:0}.profile-avatar-large--pet{background:transparent;border-radius:0;width:auto;height:auto;overflow:visible}.profile-info-details{flex:1;min-width:0}.profile-completion{width:min(420px,100%);margin-top:var(--space-3)}.profile-completion-head{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2)}.profile-completion-head strong{color:var(--color-text)}.profile-completion-bar{height:12px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;width:100%;position:relative}.profile-completion-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary) 100%);background-color:var(--color-accent);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:3px;box-shadow:0 0 8px rgba(var(--color-accent-rgb),.5)}.profile-pet-config{width:100%;margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border)}.profile-pet-scroll{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile-pet-scroll::-webkit-scrollbar{display:none}.profile-pet-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);flex-shrink:0;min-width:80px}.profile-pet-placeholder{display:flex;align-items:center;justify-content:center;width:36px;height:39px;font-size:var(--text-lg);color:var(--color-text-muted);font-weight:var(--weight-bold);font-family:var(--font-mono)}.profile-pet-name{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium);white-space:nowrap}.profile-pet-bg-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile-pet-bg-row::-webkit-scrollbar{display:none}.profile-pet-label{flex-shrink:0}.profile-pet-bg-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);padding:0;flex-shrink:0}.profile-pet-bg-btn:hover{border-color:var(--color-border-hover);transform:scale(1.15)}.profile-pet-bg-btn.active{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.3)}.profile-pet-bg-btn--none{position:relative;background:transparent}.profile-pet-bg-btn--none:after{content:"";position:absolute;inset:2px;border-radius:2px;background:repeating-linear-gradient(45deg,var(--color-border) 0,var(--color-border) 1px,transparent 1px,transparent 5px)}@media(max-width:640px){.profile-info-card{flex-direction:column;align-items:center;text-align:center}.profile-avatar-area{align-items:center}.profile-info-details{text-align:center}.profile-info-badges{justify-content:center}.profile-completion{margin-left:auto;margin-right:auto}}.profile-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#fff;flex-shrink:0;overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large--pet{background:var(--color-bg);border-radius:var(--radius-md);width:auto;height:auto;overflow:visible;min-width:64px;min-height:70px}.profile-pet-config{margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border);width:100%}.profile-pet-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3)}.profile-pet-options{display:flex;gap:var(--space-3);flex-wrap:wrap}.profile-pet-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);min-width:72px}.profile-pet-option:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.profile-pet-option.active{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}.profile-pet-none{display:flex;align-items:center;justify-content:center;width:36px;height:39px;font-size:var(--text-lg);color:var(--color-text-muted);font-weight:var(--weight-bold);font-family:var(--font-mono)}.profile-pet-name{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.profile-info-details h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.profile-info-email{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.profile-info-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-completion p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);background:var(--color-surface);border:var(--border-width) solid var(--color-border)}.badge-admin{background:#d9775726;border-color:var(--color-accent);color:var(--color-accent)}.badge-published{background:#6a9bcc26;border-color:#6a9bcc;color:#6a9bcc}.badge-draft{background:var(--color-surface);color:var(--color-text-muted)}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-6)}.profile-form-grid--settings{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.profile-col-title{font-size:var(--text-md);margin-bottom:var(--space-4);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2);color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.12)}.form-group textarea,.profile-goal-input{resize:vertical;min-height:100px;line-height:var(--leading-relaxed)}.form-group textarea::placeholder,.profile-goal-input::placeholder{color:var(--color-text-muted)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-hint{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.profile-theme-toggle{display:flex;gap:var(--space-2)}.profile-theme-btn,.profile-assistant-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.profile-theme-btn:hover,.profile-assistant-btn:hover{border-color:var(--color-text-muted)}.profile-theme-btn.active,.profile-assistant-btn.active{border-color:var(--color-accent);color:var(--color-accent);background:#d977571a}.profile-assistant-toggle{display:flex;gap:var(--space-2)}.profile-actions{display:flex;justify-content:flex-end;padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover, #c4866a)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.profile-form-grid{grid-template-columns:1fr}.profile-info-card{flex-direction:column;text-align:center}.profile-info-badges{justify-content:center}.profile-completion{margin-left:auto;margin-right:auto}}