@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap";:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e2e8f0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:2em;line-height:1.1}:root{--primary:#535845;--on-primary:#fff;--primary-container:#6b705c;--on-primary-container:#eff4db;--primary-fixed:#e0e5cc;--on-primary-fixed:#191d0e;--primary-fixed-dim:#c4c9b1;--on-primary-fixed-variant:#444937;--secondary:#715a48;--on-secondary:#fff;--secondary-container:#fddcc6;--on-secondary-container:#785f4e;--secondary-fixed:#fddcc6;--on-secondary-fixed:#28180b;--secondary-fixed-dim:#e0c1ab;--on-secondary-fixed-variant:#584232;--tertiary:#565743;--on-tertiary:#fff;--tertiary-container:#6f6f5a;--on-tertiary-container:#f4f3d8;--tertiary-fixed:#e5e4ca;--on-tertiary-fixed:#1c1d0c;--tertiary-fixed-dim:#c8c8af;--on-tertiary-fixed-variant:#474835;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#f8f9fa;--on-background:#191c1d;--surface:#f8f9fa;--on-surface:#191c1d;--surface-variant:#e1e3e4;--on-surface-variant:#464740;--inverse-surface:#2e3132;--inverse-on-surface:#f0f1f2;--surface-container-lowest:#fff;--surface-container-low:#f3f4f5;--surface-container:#edeeef;--surface-container-high:#e7e8e9;--surface-container-highest:#e1e3e4;--surface-dim:#d9dadb;--surface-bright:#f8f9fa;--outline:#77786f;--outline-variant:#c7c7bd;--font-headline:"Noto Serif", serif;--font-body:"Inter", sans-serif;--radius-md:1rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--shadow-soft:0 8px 32px #0000000d;--shadow-ambient:0 20px 40px #191c1d0d;--shadow-lift:0 12px 24px #00000014}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.top-app-bar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f9fad9;border-bottom:1px solid #c7c7bd33;justify-content:space-between;align-items:center;height:80px;padding:0 max(24px,5vw);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000005}.brand{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.top-nav{gap:32px;display:flex}.top-nav button{font-family:var(--font-headline);color:var(--outline);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:1.125rem;font-style:italic;transition:color .3s;position:relative}.top-nav button:hover{color:var(--on-surface-variant)}.top-nav button.active{color:var(--on-surface);font-weight:600}.top-nav button.active:after{content:"";background:var(--primary);border-radius:99px;width:100%;height:2px;position:absolute;bottom:0;left:0}.header-right{align-items:center;gap:12px;display:flex}.user-pill{background:var(--surface-container-high);color:var(--on-surface-variant);border-radius:99px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.875rem;font-weight:500;display:flex}.user-avatar-sm{background:var(--primary);width:28px;height:28px;color:var(--on-primary);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.shell{box-sizing:border-box;gap:48px;width:100%;max-width:1440px;min-height:calc(100vh - 80px);margin-top:80px;margin-left:auto;margin-right:auto;padding:48px max(24px,5vw) 64px;display:flex}.main-stage{flex-direction:column;flex:3;gap:26px;display:flex}.side-stage{flex-direction:column;flex:1;gap:32px;min-width:320px;display:flex}.section-head{margin-bottom:16px}.section-head h1{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.02em;margin:0;font-size:3rem;font-weight:700;line-height:1.1}.section-head p{font-family:var(--font-headline);color:var(--on-surface-variant);margin:8px 0 0;font-size:1.125rem;font-style:italic}.sanctuary-visual{background:var(--surface-container-low);border-radius:var(--radius-md);box-sizing:border-box;justify-content:center;align-items:center;min-height:520px;padding:18px 28px 0;display:flex;position:relative;overflow:hidden}.texture-overlay{opacity:.03;pointer-events:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjZmZmIi8+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMSIvPgo8L3N2Zz4=);position:absolute;inset:0}.scene-composition{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:30px;display:flex;position:relative}.floor-line{background:var(--outline-variant);opacity:.3;width:80%;height:1px;position:absolute;bottom:20%}.light-shaft{filter:blur(40px);pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#0000 100%);width:200px;height:120%;position:absolute;top:-10%;left:10%;transform:skew(-20deg)}.avatar-container{z-index:10;filter:drop-shadow(0 0 40px #53584526);transform-origin:bottom;transition:transform .5s cubic-bezier(.34,1.56,.64,1);animation:6s ease-in-out infinite breathe;position:relative}@keyframes breathe{0%,to{transform:translateY(8px)scale(1)}50%{transform:translateY(8px)scale(1.02)}}.floating-dock{z-index:20;pointer-events:auto;justify-content:center;gap:24px;margin-top:-16px;padding:0 10px;display:flex;position:relative}.dock-card{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);pointer-events:auto;flex-direction:column;justify-content:space-between;min-width:160px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.dock-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.dock-card.wide{flex:1;max-width:420px}.label-sm{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.15em;color:var(--outline);margin-bottom:4px;font-size:.625rem;font-weight:600}.value-lg{font-family:var(--font-headline);color:var(--on-surface);font-size:2rem;font-weight:700;line-height:1}.value-sub{font-family:var(--font-headline);color:var(--on-surface-variant);margin-left:8px;font-size:1rem;font-style:italic}.progress-track{background:var(--surface-container-high);border-radius:99px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.panel-card{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-align:center;padding:32px}.profile-img{border:4px solid var(--surface);object-fit:cover;background-color:var(--primary-fixed);border-radius:50%;width:96px;height:96px;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.user-name{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.5rem;font-weight:700}.user-title{font-family:var(--font-body);color:var(--outline);margin:4px 0 24px;font-size:.875rem}.stat-grid{border-top:1px solid var(--outline-variant);grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:24px;display:grid}.stat-item h4{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.25rem;font-weight:700}.stat-item span{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);font-size:.625rem}.attribute-list{flex-direction:column;gap:20px;display:flex}.attr-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.attr-name{color:var(--on-surface-variant);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.attr-val{font-family:var(--font-headline);color:var(--outline);font-size:.875rem;font-style:italic}.paper-input{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:24px}.field-group{margin-bottom:16px}label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}input,select,textarea{background:var(--surface-container-high);width:100%;font-family:var(--font-body);color:var(--on-surface);box-sizing:border-box;border:1px solid #0000;border-radius:12px;padding:12px 16px;font-size:1rem;transition:all .2s}input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-container);outline:none}button.primary-btn{background:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}button.primary-btn:hover{background:var(--primary-container);color:var(--on-primary-container);transform:translateY(-1px)}.pond-container{border-radius:var(--radius-md);background:radial-gradient(circle,#f0f2f4 0%,#e2e4e6 100%);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;min-height:400px;padding:48px;display:flex;position:relative;overflow:hidden}.lily-pad{background:var(--surface-container-lowest);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;animation:4s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 8px 24px #0000000f}.lily-pad:before{content:"";background:var(--primary-fixed);opacity:.5;border-radius:50%;width:24px;height:24px;position:absolute;top:-10px;right:-10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.nexus-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;padding:24px;display:grid}.skill-node{background:var(--surface-container-lowest);text-align:center;box-shadow:var(--shadow-soft);cursor:pointer;border:1px solid #0000;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.skill-node:hover{border-color:var(--primary);transform:translateY(-2px)}.node-icon{background:var(--primary-fixed);width:48px;height:48px;color:var(--on-primary-fixed);border-radius:16px;place-items:center;font-size:1.5rem;display:grid}@media (width<=1024px){.shell{flex-direction:column;padding-top:24px}.side-stage{min-width:100%}.floating-dock{flex-wrap:wrap;margin-top:0;padding:0}.dock-card{flex:230px}.scene-composition{padding-bottom:12px}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(0)scale(1.02)}}}