:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--color-bg: #f0f0f0;--color-card: white;--color-card-secondary: #f5f5f5;--color-card-secondary-hover: #eeeeee;--color-text: #213547;--color-text-secondary: #666;--color-text-muted: #aaa;--color-border: #ccc;--color-border-light: #ddd;--color-border-lighter: #eee;--color-focus: #2196f3;--color-focus-ring: rgba(33, 150, 243, .2);--color-shadow: rgba(0, 0, 0, .1);--color-header: #1a1a2e;--color-danger: #e74c3c;--color-danger-hover: #c0392b;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-card: #2a2a2a;--color-card-secondary: #333;--color-card-secondary-hover: #3a3a3a;--color-text: #e0e0e0;--color-text-secondary: #aaa;--color-text-muted: #777;--color-border: #555;--color-border-light: #444;--color-border-lighter: #3a3a3a;--color-focus: #42a5f5;--color-focus-ring: rgba(66, 165, 245, .3);--color-shadow: rgba(0, 0, 0, .3);--color-header: #0d0d1a;--color-danger: #e57373;--color-danger-hover: #ef5350}}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh}.app__header{background:var(--color-header);color:#fff;padding:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.app__header h1{font-size:1.5rem;margin:0}.app__header p{color:var(--color-text-muted);font-size:.875rem}.app__reset{margin-left:auto;padding:.5rem 1rem;background:var(--color-danger);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem}.app__reset:hover{background:var(--color-danger-hover)}.app__main{display:grid;gap:1rem;padding:1rem;max-width:1400px;margin:0 auto}@media(min-width:1024px){.app__main{grid-template-columns:175px 1fr}}.app__sidebar{position:sticky;top:1rem;align-self:start}.app__content{display:flex;flex-direction:column;gap:1rem}.app__bonuses{display:grid;gap:1rem}@media(min-width:768px){.app__bonuses{grid-template-columns:repeat(3,1fr)}}.principle-display{background:var(--color-card);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px var(--color-shadow)}.principle-display__title{font-size:1.25rem;margin-bottom:.75rem}.principle-display__grid{display:grid;gap:.25rem}.principle-item{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--color-border-lighter)}.principle-item:last-child{border-bottom:none}.principle-item__name{font-weight:500}.principle-item__value{font-weight:600;min-width:2rem;text-align:right}.soul-selector{background:var(--color-card);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px var(--color-shadow)}.soul-selector__title{font-size:1.25rem;margin-bottom:.75rem}.soul-selector__grid{display:grid;gap:.5rem}@media(min-width:640px){.soul-selector__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.soul-selector__grid{grid-template-columns:repeat(3,1fr)}}.soul-selector__item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-card-secondary);border-radius:.25rem;flex-wrap:wrap}.soul-selector__name{font-weight:500}.soul-selector__evolution{display:flex;align-items:center;gap:.25rem}.soul-selector__btn{width:1.5rem;height:1.5rem;border:1px solid var(--color-border);border-radius:.25rem;background:var(--color-card);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.soul-selector__btn:hover:not(:disabled){background:var(--color-card-secondary-hover)}.soul-selector__btn:disabled{opacity:.4;cursor:not-allowed}.soul-selector__level{min-width:2.5rem;text-align:center;font-size:.875rem;font-weight:500}.soul-selector__principles{font-size:.75rem;color:var(--color-text-secondary);flex-basis:100%;margin-top:.25rem}.skill-manager{background:var(--color-card);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px var(--color-shadow)}.skill-manager__title{font-size:1.25rem;margin-bottom:.75rem}.skill-manager__filter-container{position:relative;margin-bottom:.75rem}.skill-manager__filter{width:100%;padding:.5rem 2rem .5rem .5rem;border:1px solid var(--color-border);border-radius:.25rem;font-size:.875rem;box-sizing:border-box;background:var(--color-card);color:var(--color-text)}.skill-manager__filter:focus{outline:none;border-color:var(--color-focus)}.skill-manager__filter-clear{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;border:none;background:transparent;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.skill-manager__filter-clear:hover{color:var(--color-text)}.skill-manager__list{display:grid;gap:.25rem;max-height:400px;overflow-y:auto}.skill-manager__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;background:var(--color-card-secondary);border-radius:.25rem}.skill-manager__item:hover{background:var(--color-card-secondary-hover)}.skill-manager__info{display:flex;flex-direction:column;min-width:0;flex:1}.skill-manager__name{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-manager__principles{font-size:.7rem;color:var(--color-text-secondary)}.skill-manager__controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.skill-manager__btn{width:1.5rem;height:1.5rem;border:1px solid var(--color-border);border-radius:.25rem;background:var(--color-card);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.skill-manager__btn:hover:not(:disabled){background:var(--color-card-secondary-hover)}.skill-manager__btn:disabled{opacity:.4;cursor:not-allowed}.skill-manager__level{min-width:1.5rem;text-align:center;font-size:.875rem;font-weight:500}.bonus-input{background:var(--color-card);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px var(--color-shadow)}.bonus-input__title{font-size:1rem;margin-bottom:.75rem;font-weight:600}.bonus-input__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.bonus-input__item{display:flex;flex-direction:column;gap:.25rem}.bonus-input__label{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.bonus-input__field{width:100%;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:.25rem;text-align:center;font-size:.875rem;background:var(--color-card);color:var(--color-text)}.bonus-input__field:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.memory-input{background:var(--color-card);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px var(--color-shadow)}.memory-input__title{font-size:1.25rem;margin-bottom:.75rem}.memory-input__grid{display:grid;gap:.5rem}@media(min-width:640px){.memory-input__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.memory-input__grid{grid-template-columns:repeat(3,1fr)}}.memory-input__item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--color-card-secondary);border-radius:.25rem}.memory-input__header{display:flex;justify-content:space-between;align-items:center}.memory-input__label{font-weight:500}.memory-input__value{width:3rem;padding:.25rem;border:1px solid var(--color-border);border-radius:.25rem;text-align:center;font-size:.875rem;background:var(--color-card);color:var(--color-text)}.memory-input__value:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.memory-input__note{width:100%;padding:.25rem .5rem;border:1px solid var(--color-border-light);border-radius:.25rem;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-card)}.memory-input__note:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.memory-input__note::placeholder{color:var(--color-text-muted)}