.app-shell{position:relative;min-height:100vh;color:var(--color-text-primary);display:flex;flex-direction:column;padding-bottom:94px}.app-shell__backdrop{position:fixed;inset:0;background:radial-gradient(circle at top left,rgba(31,88,93,.15),transparent 35%),radial-gradient(circle at top right,rgba(179,103,45,.16),transparent 28%);pointer-events:none}.app-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:16px}.app-header__eyebrow{margin:0;font-size:.73rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-muted)}.app-header__row{display:flex;flex-direction:column;gap:14px}.app-header__copy{display:flex;flex-direction:column;gap:6px}.app-header__title{margin:0;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1;letter-spacing:.04em;font-family:var(--font-display)}.app-header__subtitle{margin:0;max-width:42rem;color:var(--color-text-muted)}.app-header__signals{display:flex;flex-wrap:wrap;gap:8px}.signal-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;background:#1f585d14;border:1px solid rgba(31,88,93,.16);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-strong)}.signal-pill--syncing{background:#c3844a1f;border-color:#c3844a33;color:var(--color-copper-strong)}.signal-pill--error{background:#8d38281a;border-color:#8d382833;color:var(--color-danger)}.active-character-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 14px;box-shadow:0 4px 10px #000;background:linear-gradient(135deg,#122a30f2,#1f585deb);color:#f7f2e8}.active-character-banner__crest{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#f7f2e821;border:1px solid rgba(247,242,232,.18);font-size:1.25rem;font-family:var(--font-display)}.active-character-banner__copy{min-width:0}.active-character-banner__name,.active-character-banner__meta{margin:0}.active-character-banner__name{font-size:1.05rem;font-weight:700}.active-character-banner__meta{margin-top:.2rem;color:#f7f2e8c7}.sync-status{display:inline-flex;align-items:center;gap:8px;align-self:center;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(247,242,232,.18);background:#f7f2e81a;color:#f7f2e8e6;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.sync-status__dot{width:9px;height:9px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px #ffffff14}.sync-status--synced{color:#8fe3a7}.sync-status--offline{color:#ff8678}.offline-banner{padding:.8rem 1rem;border-radius:16px;background:#8d38281a;border:1px solid rgba(141,56,40,.18);color:var(--color-danger);font-weight:600}.app-content{position:relative;flex:1;padding:20px 18px 28px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:12;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#faf4e8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(79,67,46,.12)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.3rem .25rem;border-radius:18px;color:#393021ad;transition:background-color .14s ease,color .14s ease,transform .14s ease}.nav-item.active{color:var(--color-accent-strong);background:#1f585d1f}.nav-item:focus-visible{outline:2px solid rgba(31,88,93,.32);outline-offset:2px}.nav-icon{font-size:1.2rem}.nav-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}@media (min-width: 760px){.app-shell{max-width:760px;margin:0 auto}.app-header{padding-inline:22px}.app-header__row{flex-direction:row;justify-content:space-between;align-items:flex-start}.app-content{padding-inline:22px}.bottom-nav{left:50%;right:auto;width:min(760px,calc(100vw - 20px));transform:translate(-50%);border-radius:22px 22px 0 0}}@media (max-width: 520px){.active-character-banner{grid-template-columns:auto minmax(0,1fr);align-items:start}.sync-status{grid-column:2;justify-self:start;align-self:start}}.character-page__hero{gap:16px}.character-page__hero-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.character-page__portrait{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-copper),var(--color-accent));color:#f8f4ea;font-size:1.9rem;font-family:var(--font-display);box-shadow:0 16px 30px #2d2a2329}.character-page__hero-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.character-page__experience{gap:12px}.character-page__number{font-family:"Cinzel Decorative",var(--font-display)}.character-page__dashboard-grid{display:flex;flex-direction:column;gap:14px}.card.character-page__wide-section{position:relative;overflow:visible;gap:16px;background:url(/assets/parchment-DEeJDPLj.png) center / cover,var(--color-surface-strong);border:18px solid transparent;border-image-source:url(/assets/card-ornament-D9oPUsqB.png);border-image-slice:48 fill;border-image-width:28px;border-image-outset:8px;border-image-repeat:stretch}.card.character-page__dashboard-card{position:relative;overflow:visible;gap:16px;min-height:220px;background:url(/assets/parchment-DEeJDPLj.png) center / cover,var(--color-surface-strong);border:18px solid transparent;border-image-source:url(/assets/card-ornament-D9oPUsqB.png);border-image-slice:48 fill;border-image-width:28px;border-image-outset:8px;border-image-repeat:stretch;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.character-page__dashboard-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.card.character-page__dashboard-card--pending{background:linear-gradient(145deg,#fffaf0b8,#f4ecde94),url(/assets/parchment-DEeJDPLj.png) center / cover,var(--color-surface-strong)}.character-page__summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.character-page__summary-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.character-page__summary-row--skill{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px}.character-page__summary-row--skill strong{justify-self:end;text-align:right}.character-page__stats-grid,.character-page__skills-grid{display:grid;gap:12px}.character-page__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-page__skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-page__stat-row{--stats-card-line: #dec8aa;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;min-height:66px;padding:0 46px 0 0;text-align:center;border-radius:16px}.character-page__stat-icon{width:64px;height:64px;object-fit:contain;flex:0 0 42px}.character-page__stat-core{align-items:flex-start;width:100%;text-align:left;gap:.2rem;min-width:0}.character-page__stat-name{font-size:.92rem;font-weight:800;line-height:1.1;color:var(--color-text-primary);overflow-wrap:anywhere}.character-page__stat-temp{font-size:1.8rem;font-weight:900;line-height:1}.character-page__bonus-pill{position:absolute;top:64%;right:4px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--stats-card-line);border-radius:11px;background:#f0e6d1;color:#0a5c55;font-size:1.3rem;font-weight:900;margin-right:12px;white-space:nowrap}.character-page__card-link{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-strong);text-align:center}.character-page__link-decoration{object-fit:contain;flex:0 1 62px}.character-page__link-decoration--right{transform:scaleX(-1)}.character-page__wide-section .small-note em{font-style:italic;font-synthesis:style}@media (min-width: 640px){.character-page__dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.character-page__hero-main{grid-template-columns:1fr}}.history-back-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:42px;padding:.72rem 1rem .72rem .85rem;border-radius:16px;border:1px solid rgba(31,88,93,.14);background:#1f585d14;color:var(--color-accent-strong);transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.history-back-button:hover{transform:translateY(-1px)}.history-back-button:focus-visible{outline:2px solid rgba(31,88,93,.3);outline-offset:2px}.history-back-button__icon{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;color:inherit}.history-back-button__icon svg{width:100%;height:100%}.stats-edit-page__summary-card{justify-content:flex-start;gap:.8rem;min-height:132px}.stats-edit-page__summary-heading{display:flex;flex-direction:column;gap:.25rem}.stats-edit-page__summary-note{font-size:.84rem;color:var(--color-text-muted)}.stats-edit-page__main-stat-list{display:flex;flex-wrap:wrap;gap:.65rem}.stats-edit-page__main-stat-pill{display:inline-flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:16px;background:#fffaf0a8;border:1px solid rgba(179,103,45,.18)}.stats-edit-page__main-stat-pill--magic{background:#f4fafac7;border-color:#1f585d2e}.stats-edit-page__main-stat-code{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;padding-inline:.45rem;border-radius:12px;background:#b3672d24;color:var(--color-copper-strong);font-size:.82rem;font-weight:900;letter-spacing:.08em}.stats-edit-page__main-stat-code--magic{background:#1f585d24;color:var(--color-accent-strong)}.stats-edit-page__main-stat-name{font-size:1rem;font-weight:800;color:var(--color-text-primary)}.stats-edit-page__summary-value{font-size:clamp(1.5rem,5vw,2rem);line-height:1}.stats-edit-page__summary-value--numeric{font-size:clamp(1.9rem,8vw,2.8rem)}.stats-edit-page__summary-card--main{background:radial-gradient(circle at top right,rgba(179,103,45,.18),transparent 44%),#b3672d1a;border-color:#b3672d38}.stats-edit-page__summary-card--magic{background:radial-gradient(circle at top right,rgba(31,88,93,.16),transparent 42%),#1f585d1f;border-color:#1f585d38}.stats-edit-page__table th:not(:first-child),.stats-edit-page__table td{text-align:center}.stats-edit-page__total-cell{font-weight:800;color:var(--color-accent-strong)}@media (min-width: 640px){.stats-edit-page__summary-card--main{grid-column:span 2}}.stats-edit-page>.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.language-edit-page__grid{display:grid;gap:14px}.language-edit-page__card,.language-edit-page__form{display:flex;flex-direction:column;gap:14px}.language-edit-page__card{padding:16px;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border)}@media (min-width: 640px){.language-edit-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-page__prime-grid,.skills-page__secondary-grid,.skills-page__planning-grid{display:grid;gap:14px}.skills-page__row-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.skills-page__sections{display:grid;gap:18px}.skills-page__section{display:grid;gap:10px}.skills-page__section-title{margin:0;font-size:.9rem;line-height:1.2;color:var(--color-text-primary)}.skills-page__table th,.skills-page__table td{white-space:nowrap}.skills-page__skill-name,.skills-page__skill-description{display:block}.skills-page__skill-description{max-width:280px;white-space:normal}.skills-page__total-cell{font-weight:900;color:var(--color-accent-strong)}@media (min-width: 640px){.skills-page__prime-grid,.skills-page__secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.progress-page__track-card{gap:16px}.progress-page__milestone-grid,.progress-page__planning-grid{display:grid;gap:14px}@media (min-width: 640px){.progress-page__milestone-grid,.progress-page__planning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.character-pending-page__callout{min-height:180px;justify-content:center}.action-page__hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.action-page__status-row{display:flex;gap:12px;flex-wrap:wrap}.action-page__lane-card{display:flex;flex-direction:column;gap:16px}.action-page__callout{margin:0;padding:14px 16px;border-radius:18px;background:#1f585d14;color:var(--color-accent-strong);font-weight:700}.settings-page__setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border)}.settings-page__active-character-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(31,88,93,.16),transparent 32%),linear-gradient(145deg,#fffcf6fa,#f1ebe2f0);border:1px solid rgba(79,67,46,.14)}.settings-page__active-character-crest{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--color-copper),var(--color-accent));color:#f8f4ea;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 24px #2d2a2329}.settings-page__active-character-copy{display:flex;flex-direction:column;gap:4px}.settings-page__active-character-name{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.2rem);line-height:.95;color:var(--color-accent-strong)}.settings-page__storage-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(179,103,45,.16),transparent 28%),linear-gradient(145deg,#fffcf6fa,#f4ecdeeb);border:1px solid rgba(79,67,46,.14)}.settings-page__storage-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#1f585d2e,#b3672d2e);font-size:1.6rem}.settings-page__storage-copy{display:flex;flex-direction:column;gap:4px}.settings-page__storage-label{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.settings-page__storage-value{font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);line-height:.95;color:var(--color-accent-strong)}.settings-page__disabled-button:disabled{opacity:.55;cursor:not-allowed}.settings-page__warning-note{color:var(--color-danger)}.settings-page__hidden-input{display:none}.settings-page__profile{display:flex;gap:14px;align-items:center}.settings-page__avatar{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,var(--color-copper),var(--color-accent));color:#f8f4ea;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 24px #2d2a2329}.settings-page__voice-list{display:flex;flex-direction:column;gap:12px}@media (max-width: 520px){.settings-page__active-character-card,.settings-page__storage-card{grid-template-columns:1fr}}.experience-calculator-page__form,.experience-calculator-page__results{display:flex;flex-direction:column;gap:16px}.experience-calculator-page__milestone-row{position:relative;padding-right:64px}.experience-calculator-page__wide-card{grid-column:1 / -1}.experience-calculator-page__milestones-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.experience-calculator-page__milestone-pill{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--color-success-soft);border:1px solid rgba(65,96,58,.22);color:var(--color-success);font-size:1.2rem;font-weight:900;flex-shrink:0}.experience-reference-page .reference-table tbody tr:nth-child(20) th,.experience-reference-page .reference-table tbody tr:nth-child(20) td{font-weight:700}.experience-reference-page .reference-table tbody tr:nth-child(n+21){font-style:italic}.reference-utility-page__controls{align-items:end}.reference-utility-page__result{border-color:#1f585d3d;background:#1f585d14}.reference-utility-page__result-value{font-size:2rem;line-height:1}.reference-utility-page__card-grid{display:grid;gap:12px}.reference-utility-page__lookup-card{display:grid;gap:12px;padding:14px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border)}.reference-utility-page__lookup-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.reference-utility-page__lookup-head h4{margin:0}.reference-utility-page__mini-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.reference-utility-page__mini-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:#fffcf6b3;border:1px solid rgba(79,67,46,.1)}.reference-utility-page__mini-row span{color:var(--color-text-muted)}.reference-utility-page__notes{display:grid;gap:8px}.reference-utility-page__compact-table{min-width:420px}.reference-utility-page__medium-table{min-width:760px}.reference-utility-page__wide-table{min-width:1120px}.reference-utility-page__sticky-column{position:sticky;left:0;z-index:1;background:var(--color-surface-strong)}.reference-utility-page__table-note{margin-top:-4px}@media (min-width: 720px){.reference-utility-page__card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.race-reference-page__race-name{text-transform:capitalize}.race-reference-page__active-row th,.race-reference-page__active-row td{background:#1f585d24}.race-reference-page__active-row .race-reference-page__race-name{color:var(--color-accent-strong);font-weight:800}.reference-page__link-card,.reference-page__tool-tile{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border)}.reference-page__link-card{color:inherit}.reference-page__tool-grid{display:grid;gap:14px}.reference-page__tool-tile h3{margin:0}.reference-page__entry-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}@media (min-width: 640px){.reference-page__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{color-scheme:light;font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body: "Avenir Next", "Segoe UI Variable", "Trebuchet MS", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--color-bg: #f6f0e4;--color-surface: rgba(255, 252, 246, .8);--color-surface-strong: rgba(255, 250, 240, .96);--color-panel: rgba(255, 248, 236, .7);--color-border: rgba(79, 67, 46, .12);--color-border-strong: rgba(79, 67, 46, .22);--color-text-primary: #2d2a23;--color-text-muted: rgba(45, 42, 35, .7);--color-accent: #1f585d;--color-accent-strong: #134347;--color-accent-soft: rgba(31, 88, 93, .12);--color-copper: #b3672d;--color-copper-strong: #8b4d1f;--color-copper-soft: rgba(179, 103, 45, .12);--color-success: #41603a;--color-success-soft: rgba(65, 96, 58, .12);--color-danger: #8d3828;--color-danger-soft: rgba(141, 56, 40, .12);--shadow-soft: 0 18px 40px rgba(56, 45, 29, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 35%),linear-gradient(135deg,#b3672d0f,#1f585d14),url(/paper-texture.png),var(--color-bg);background-size:auto,auto,360px 360px,auto;color:var(--color-text-primary)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit}.page{display:flex;flex-direction:column;gap:18px}.card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;background:var(--color-surface-strong);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.card--muted{background:var(--color-panel)}.hero-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:28px;background:radial-gradient(circle at top right,rgba(179,103,45,.22),transparent 26%),linear-gradient(145deg,#fffaf0fa,#f4ecdef2);border:1px solid rgba(79,67,46,.12);box-shadow:var(--shadow-soft)}.hero-panel:after{content:"";position:absolute;inset:auto -25% -35% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(31,88,93,.1),transparent 70%);pointer-events:none}.hero-panel__eyebrow{margin:0;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}.hero-panel__title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,6vw,2.7rem);line-height:.95}.hero-panel__subtitle{margin:0;max-width:42rem;color:var(--color-text-muted)}.hero-panel__split{display:grid;gap:16px}.metric-grid,.panel-grid,.summary-grid,.field-grid{display:grid;gap:14px}.metric-card,.summary-card,.info-block{display:flex;flex-direction:column;gap:.35rem;padding:14px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border)}.metric-card__label,.summary-card__label,.eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.metric-card__value,.summary-card__value{font-size:1.25rem;font-weight:700}.section-header,.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.section-title,.card-title{margin:0;font-size:1.1rem;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-strong)}.meta-line,.small-note{margin:0;color:var(--color-text-muted)}.small-note{font-size:.86rem}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.meta-pill,.badge,.small-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .7rem;border-radius:999px;background:#f7eddb4d;border:2px solid rgba(179,103,45,.3);color:var(--color-copper-strong);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.badge.success,.small-badge.success{background:var(--color-success-soft);border-color:#41603a33;color:var(--color-success)}.badge.warning,.small-badge.warning{background:var(--color-copper-soft)}.badge.danger,.small-badge.danger{background:var(--color-danger-soft);border-color:#8d382833;color:var(--color-danger)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button,.primary-action,.secondary-action,.subtle-link,.inline-link,.breakdown-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:.72rem 1rem;border-radius:16px;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.primary-action{background:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent));color:#f8f4ea;box-shadow:0 14px 26px #13434738}.secondary-action,.breakdown-button{background:#1f585d14;border:1px solid rgba(31,88,93,.14);color:var(--color-accent-strong)}.subtle-link,.inline-link{color:var(--color-accent-strong);padding-inline:0;min-height:auto}.primary-action:hover,.secondary-action:hover,.breakdown-button:hover{transform:translateY(-1px)}.list-reset,.stack-list,.tagged-list{list-style:none;margin:0;padding:0}.stack-list{display:flex;flex-direction:column;gap:12px}.list-row,.tagged-item{display:grid;gap:8px;padding:12px 14px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border)}.tagged-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.stat-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:8px;border-radius:18px;background-color:#f7eddb99;border:2px solid #dec8aa}.stat-code-pill{display:inline-flex;align-items:center;justify-content:center;width:52px;height:34px;border-radius:10px;background:#f5edde;color:var(--color-accent-strong);font-size:1.2rem;margin-right:8px}.stat-core{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:1.3rem;font-weight:800}.stat-potential,.stat-caption,.stat-label{color:var(--color-text-muted)}.progress-track,.xp-track,.pp-track{position:relative;overflow:hidden;height:12px;border-radius:999px;background:#2d2a2314}.progress-fill,.xp-progress,.pp-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--color-copper),var(--color-accent))}.field{display:flex;flex-direction:column;gap:.45rem;font-weight:600}.field input,.field select,.field textarea,.exp-input{width:100%;border:1px solid var(--color-border-strong);border-radius:16px;background:#fffcf6e0;color:var(--color-text-primary);padding:.8rem .9rem}.field textarea{resize:vertical;min-height:100px}.reference-table-container{overflow-x:auto}.reference-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.94rem}.reference-table th,.reference-table td{padding:.75rem;border:1px solid rgba(79,67,46,.12)}.reference-table thead th{background:#1f585d14;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.reference-table tbody tr:nth-child(2n){background:#fffcf699}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;padding:8px;border-radius:22px;background:#1f585d14}.tab-button{min-height:42px;padding:.75rem .5rem;border-radius:16px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.tab-button.active{background:#fffcf6db;color:var(--color-accent-strong);box-shadow:0 8px 18px #382d1d14}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 640px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}