:root{--font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--type-display-size: 80px;--type-display-line: 88px;--type-headline-size: 55px;--type-headline-line: 61px;--type-subhead-size: 32px;--type-subhead-line: 40px;--type-body-large-size: 24px;--type-body-large-line: 36px;--type-body-size: 18px;--type-body-line: 28px;--type-body-small-size: 15px;--type-body-small-line: 22px;--type-label-size: 16px;--type-label-line: 20px;--type-label-cta-size: 19px;--type-label-cta-line: 24px;--type-caption-size: 13px;--type-caption-line: 18px;--weight-regular: 400;--weight-caption: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-nav: 82px;--space-10: 96px;--space-11: 120px;--radius-small: 12px;--radius-medium: 24px;--radius-large: 48px;--radius-full: 100px;--size-target: 44px;--border-width-field: 1.5px;--border-width-outline: 2px;--focus-ring-width: 3px;--duration-hover: .15s}@media(max-width:640px){:root{--type-headline-size: 36px;--type-headline-line: 42px;--type-subhead-size: 24px;--type-subhead-line: 32px;--type-body-large-size: 18px;--type-body-large-line: 28px}}:root,:root[data-theme=light]{color-scheme:light;--surface-primary: #f3efe4;--surface-muted: #f3f3f3;--surface-raised: #ffffff;--surface-inverted: #16233f;--surface-header: rgba(243, 239, 228, .8);--ink-primary: #1f2f54;--ink-secondary: rgba(31, 47, 84, .75);--ink-on-accent: #ffffff;--ink-on-inverted: #ffffff;--accent-coral: #ff4363;--accent-blue: #3d60de;--accent-orange: #fba91c;--accent-gold: #b08a1d;--blob-opacity: 1;--border-input: rgba(31, 47, 84, .18);--state-success: #075a37;--state-error: #b82418;--shadow-float: 0 24px 48px rgba(31, 47, 84, .18);--shadow-button: 0 8px 16px rgba(255, 67, 99, .28);--display-word-opacity: .07;--chip-rest-bg: transparent}:root[data-theme=dark]{color-scheme:dark;--surface-primary: #0f1a30;--surface-muted: #1a2745;--surface-raised: #223256;--surface-inverted: #f3efe4;--surface-header: rgba(15, 26, 48, .8);--ink-primary: #f3efe4;--ink-secondary: rgba(243, 239, 228, .72);--ink-on-accent: #ffffff;--ink-on-inverted: #0f1a30;--accent-coral: #ff4363;--accent-blue: #8fa8ff;--accent-orange: #fba91c;--accent-gold: #b08a1d;--blob-opacity: .88;--border-input: rgba(243, 239, 228, .26);--state-success: #3ddc97;--state-error: #ff7a6e;--shadow-float: 0 24px 48px rgba(0, 0, 0, .45);--shadow-button: 0 8px 16px rgba(255, 67, 99, .32);--display-word-opacity: .06;--chip-rest-bg: var(--surface-raised)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--surface-primary: #0f1a30;--surface-muted: #1a2745;--surface-raised: #223256;--surface-inverted: #f3efe4;--surface-header: rgba(15, 26, 48, .8);--ink-primary: #f3efe4;--ink-secondary: rgba(243, 239, 228, .72);--ink-on-inverted: #0f1a30;--accent-blue: #8fa8ff;--blob-opacity: .88;--border-input: rgba(243, 239, 228, .26);--state-success: #3ddc97;--state-error: #ff7a6e;--shadow-float: 0 24px 48px rgba(0, 0, 0, .45);--shadow-button: 0 8px 16px rgba(255, 67, 99, .32);--display-word-opacity: .06;--chip-rest-bg: var(--surface-raised)}}:root{--field-bg: var(--surface-raised);--hover-bg: color-mix(in srgb, var(--ink-primary) 7%, transparent);--state-success-bg: color-mix(in srgb, var(--state-success) 14%, transparent);--state-error-bg: color-mix(in srgb, var(--state-error) 14%, transparent);--focus-ring: var(--accent-blue)}:root{--icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5M12 16.5v.01'/%3E%3C/svg%3E");--icon-progress: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E");--icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E")}.hss-surface{background:var(--surface-primary);color:var(--ink-primary);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--weight-regular)}.hss-surface *{box-sizing:border-box}.hss-icon{width:20px;height:20px;fill:currentColor;flex:none}.hss-icon-24{width:24px;height:24px}:where(.hss-btn,.hss-chip,.hss-iconbtn,.hss-bar):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}.hss-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-target);padding:10px var(--space-5);border:var(--border-width-outline) solid transparent;border-radius:var(--radius-full);font:var(--weight-bold) var(--type-label-size)/var(--type-label-line) var(--font-sans);cursor:pointer;transition:transform var(--duration-hover) ease,background-color var(--duration-hover) ease}.hss-btn:hover{transform:translateY(-2px)}.hss-btn:active{transform:none}.hss-btn-sm{padding:10px var(--space-5)}.hss-btn-primary{min-height:64px;padding:var(--space-5) var(--space-7);background:var(--accent-coral);color:var(--ink-on-accent);font-size:var(--type-label-cta-size);line-height:var(--type-label-cta-line);box-shadow:var(--shadow-button)}.hss-btn-inverse{background:var(--surface-inverted);color:var(--ink-on-inverted)}.hss-btn-secondary,.hss-btn-tertiary{background:transparent;color:var(--ink-primary);border-color:var(--ink-primary)}.hss-btn-tertiary:hover,.hss-btn-secondary:hover{background:var(--hover-bg)}.hss-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.hss-iconbtn{display:inline-grid;place-items:center;width:var(--size-target);height:var(--size-target);border:0;border-radius:var(--radius-full);background:var(--surface-muted);color:var(--ink-primary);cursor:pointer;transition:transform var(--duration-hover) ease,background-color var(--duration-hover) ease}.hss-iconbtn:hover{transform:translateY(-2px)}.hss-iconbtn-ghost{background:transparent}.hss-iconbtn-ghost:hover{background:var(--hover-bg)}.hss-iconbtn-play{width:56px;height:56px;background:var(--accent-coral);color:var(--ink-on-accent)}.hss-chip{display:inline-flex;align-items:center;min-height:var(--size-target);padding:0 var(--space-4);border:var(--border-width-field) solid var(--border-input);border-radius:var(--radius-small);background:var(--chip-rest-bg);color:var(--ink-primary);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em;cursor:pointer;transition:background-color var(--duration-hover) ease}.hss-chip:hover{background:var(--hover-bg)}.hss-chip[aria-pressed=true]{background:var(--surface-inverted);border-color:var(--surface-inverted);color:var(--ink-on-inverted)}.hss-panel{background:var(--surface-muted);border-radius:var(--radius-large)}.hss-row{display:grid;grid-template-columns:24px minmax(0,4fr) minmax(0,2fr) 56px;align-items:center;gap:var(--space-4);color:var(--ink-secondary)}.hss-row-index{display:grid;place-items:center;color:var(--accent-blue)}.hss-row-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.hss-row-title{margin:0;font:var(--weight-bold) var(--type-label-size)/var(--type-label-line) var(--font-sans);color:var(--ink-primary);overflow-wrap:anywhere}.hss-row-artist{display:block;font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans);color:var(--ink-secondary)}.hss-row-album{font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em}.hss-row-album:not(:empty){display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--state-success-bg);color:var(--state-success)}.hss-row-album:not(:empty):before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat}.hss-row-time{font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em;color:var(--ink-secondary);text-align:right;font-variant-numeric:tabular-nums}.hss-player{display:grid;align-items:center;gap:var(--space-4);color:var(--ink-secondary);font-family:var(--font-sans)}.hss-player *{box-sizing:border-box}.hss-player-controls{display:flex;align-items:center;gap:var(--space-3)}.hss-player-scrub{display:flex;align-items:center;gap:var(--space-3);width:100%;font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em;color:var(--ink-secondary);font-variant-numeric:tabular-nums}.hss-bar{position:relative;flex:1;height:8px;border-radius:var(--radius-full);background:var(--border-input)}.hss-bar>span{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-full);background:var(--accent-blue)}@media(prefers-reduced-motion:reduce){.hss-btn,.hss-iconbtn,.hss-chip{transition:none}.hss-btn:hover,.hss-iconbtn:hover{transform:none}}*{box-sizing:border-box}html{min-width:320px}body.hss-surface{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:var(--surface-primary)}button,textarea,input{font:inherit}button{cursor:pointer}::selection{color:var(--ink-primary);background:color-mix(in srgb,var(--accent-blue) 35%,transparent)}.status-line:before,.connectivity-glyph:before,[data-remove-warning]:before,.hss-btn[data-remove-study]:before{content:"";flex:none;background:currentColor}.shell{position:relative;isolation:isolate;width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:var(--space-4) clamp(var(--space-4),3vw,var(--space-7)) var(--space-9)}.shell:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-9) * -1);right:calc(var(--space-10) * -1);width:min(30rem,70vw);height:min(22rem,52vw);border-radius:55% 45% 60% 40%/40% 45% 55% 60%;background:var(--accent-orange);opacity:var(--blob-opacity)}.masthead{position:sticky;top:var(--space-3);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:var(--space-nav);padding:var(--space-3) var(--space-5);border-radius:var(--radius-medium);background:var(--surface-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.masthead-heading{display:flex;align-items:center;gap:var(--space-3)}.masthead-title{margin:0;font:var(--weight-bold) var(--type-subhead-size)/var(--type-subhead-line) var(--font-sans);color:var(--ink-primary)}.masthead-note{max-width:40ch;margin:0;color:var(--ink-secondary);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans);text-align:right}.connectivity-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--state-success-bg);color:var(--state-success);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em}.connectivity-indicator[data-online=false]{background:var(--state-error-bg);color:var(--state-error)}.connectivity-glyph{display:inline-flex}.connectivity-glyph-icon{display:none}.connectivity-glyph:before{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full)}.update-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4) auto 0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-medium);background:var(--surface-muted);color:var(--ink-primary);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans)}.update-notice-action{flex:none;min-height:var(--size-target);border:0;border-radius:var(--radius-full);padding:10px var(--space-5);background:var(--surface-inverted);color:var(--ink-on-inverted);font:var(--weight-bold) var(--type-label-size)/var(--type-label-line) var(--font-sans);transition:transform var(--duration-hover) ease}.update-notice-action:hover{transform:translateY(-2px)}.update-notice-action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}.workspace{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);gap:var(--space-6);padding-top:var(--space-11)}.workspace:before{content:"ESTUDO";content:"ESTUDO" / "";position:absolute;z-index:-1;top:0;left:var(--space-2);color:var(--ink-primary);opacity:var(--display-word-opacity);font:var(--weight-bold) var(--type-display-size)/var(--type-display-line) var(--font-sans);letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.desk{min-width:0;padding:var(--space-7)}.desk-title{margin:0 0 var(--space-3);font:var(--weight-bold) var(--type-headline-size)/var(--type-headline-line) var(--font-sans);color:var(--ink-primary)}.desk-intro{max-width:64ch;margin:0 0 var(--space-6);color:var(--ink-secondary);font:var(--weight-regular) var(--type-body-large-size)/var(--type-body-large-line) var(--font-sans)}.study-form{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field-label{color:var(--ink-primary);font:var(--weight-bold) var(--type-label-size)/var(--type-label-line) var(--font-sans)}.field-input{width:100%;color:var(--ink-primary);background:var(--field-bg);border:var(--border-width-field) solid var(--border-input);border-radius:var(--radius-small);padding:var(--space-3) var(--space-4);font:var(--weight-regular) var(--type-body-size)/var(--type-body-line) var(--font-sans)}.field-input::placeholder{color:var(--ink-secondary)}.field-input:focus-visible{border-color:var(--accent-blue);outline:var(--border-width-outline) solid var(--focus-ring);outline-offset:2px}textarea.field-input{min-height:14rem;resize:vertical}.form-actions{display:flex;align-items:center;gap:var(--space-5);padding-top:var(--space-2)}.status-line{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-5);margin:0;color:var(--ink-secondary);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans)}.status-line[data-kind]:before{width:20px;height:20px;-webkit-mask:var(--icon-alert) center / contain no-repeat;mask:var(--icon-alert) center / contain no-repeat}.status-line[data-kind=error]{color:var(--state-error)}.status-line[data-kind=success]{color:var(--state-success)}.status-line[data-kind=success]:before{-webkit-mask-image:var(--icon-check);mask-image:var(--icon-check)}.status-line[data-kind=progress]{color:var(--accent-blue)}.status-line[data-kind=progress]:before{-webkit-mask-image:var(--icon-progress);mask-image:var(--icon-progress)}.now-playing{display:none;margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--border-width-field) solid var(--border-input)}.now-playing.is-visible{display:block}.now-playing-label{display:block;color:var(--ink-secondary);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em}.now-playing-title{margin:var(--space-1) 0 var(--space-4);font:var(--weight-bold) var(--type-subhead-size)/var(--type-subhead-line) var(--font-sans);color:var(--ink-primary)}.player-frame{background:var(--field-bg);border-radius:var(--radius-medium);padding:var(--space-5);box-shadow:var(--shadow-float)}.player-controls{display:grid;grid-template-columns:1fr;justify-items:center;gap:var(--space-4);height:auto;padding:0;background:transparent}.player-controls-transport{gap:var(--space-3)}.player-controls-scrub{max-width:none}.player-controls-scrub .hss-bar{cursor:pointer;touch-action:none}.player-controls-speed{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);width:100%}.player-controls-speed-label{color:var(--ink-secondary);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em}.player-controls-speed-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.player-controls-speed-slider{flex:1;min-width:8rem;min-height:var(--size-target);accent-color:var(--accent-blue);cursor:pointer}.player-controls-speed-value{min-width:3.5ch;color:var(--ink-secondary);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em;font-variant-numeric:tabular-nums}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.now-playing-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.reading-frame{margin-top:var(--space-4);max-height:20rem;overflow-y:auto;display:grid;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-medium);background:var(--field-bg)}.reading-chunk{display:grid;gap:var(--space-2)}.reading-sentence{display:block;width:100%;min-height:var(--size-target);text-align:left;color:var(--ink-primary);background:transparent;border:0;border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);font:var(--weight-regular) var(--type-body-size)/var(--type-body-line) var(--font-sans)}.reading-sentence:hover{background:var(--hover-bg)}.reading-sentence:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:2px}.reading-sentence[aria-current=true]{font-weight:var(--weight-bold);background:var(--hover-bg)}.reading-unavailable{margin:0;color:var(--ink-secondary);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans)}.archive.hss-panel{min-width:0;padding:0;background:transparent;border-radius:0}.archive-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-4)}.archive-title{margin:0;font:var(--weight-bold) var(--type-subhead-size)/var(--type-subhead-line) var(--font-sans);color:var(--ink-primary)}.archive-count{color:var(--ink-secondary);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em;font-variant-numeric:tabular-nums}.library-state{padding:var(--space-5) 0;color:var(--ink-secondary);font:var(--weight-regular) var(--type-body-size)/var(--type-body-line) var(--font-sans)}.library-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.study-row{padding:var(--space-5);border-radius:var(--radius-medium);background:var(--surface-muted)}.study-row:has(.hss-row.is-playing){box-shadow:var(--shadow-float)}.study-row .hss-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"index main status" "index main time";row-gap:var(--space-1)}.study-row .hss-row-index:empty{display:none}.study-row .hss-row-index{grid-area:index;grid-row:span 2}.study-row .hss-row-main{grid-area:main;min-width:0}.study-row .hss-row-main>div{min-width:0}.study-row .hss-row-album{grid-area:status;justify-self:end;text-align:right}.study-row .hss-row-time{grid-area:time;justify-self:end}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.row-actions .hss-btn[data-open-study]{background:var(--surface-inverted);border-color:var(--surface-inverted);color:var(--ink-on-inverted)}.row-actions .hss-btn[data-open-study]:hover{background:var(--surface-inverted)}.hss-btn[data-remove-study]{color:var(--state-error);border-color:var(--state-error)}.hss-btn[data-remove-study]:before{width:20px;height:20px;-webkit-mask:var(--icon-trash) center / contain no-repeat;mask:var(--icon-trash) center / contain no-repeat}[data-remove-warning]{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--state-error);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans)}[data-remove-warning]:before{width:20px;height:20px;-webkit-mask:var(--icon-alert) center / contain no-repeat;mask:var(--icon-alert) center / contain no-repeat}.study-details{margin:var(--space-4) 0 0;padding:var(--space-4);border-radius:var(--radius-small);background:var(--field-bg);color:var(--ink-secondary);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans)}.study-details h4{margin:0 0 var(--space-3);font:var(--weight-bold) var(--type-label-size)/var(--type-label-line) var(--font-sans);color:var(--ink-primary)}.study-details dl{display:grid;gap:var(--space-2);margin:0}.study-details dl div{display:grid;grid-template-columns:minmax(5rem,.4fr) 1fr;gap:var(--space-4)}.study-details dt{color:var(--ink-secondary);font:var(--weight-caption) var(--type-caption-size)/var(--type-caption-line) var(--font-sans);letter-spacing:.02em}.study-details dd{margin:0;color:var(--ink-primary);font:var(--weight-regular) var(--type-body-small-size)/var(--type-body-small-line) var(--font-sans);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:820px){.shell{padding-inline:var(--space-4)}.masthead{flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-4)}.masthead-note{text-align:left;max-width:none}.workspace{grid-template-columns:1fr;padding-top:var(--space-10)}}@media(min-width:641px){.form-actions .hss-btn-primary{white-space:nowrap}}@media(max-width:640px){.desk{padding:var(--space-5)}.study-row{padding:var(--space-4)}textarea.field-input{min-height:11rem}.reading-frame{max-height:14rem}.form-actions{flex-direction:column;align-items:stretch}.form-actions .hss-btn-primary{width:100%;padding-inline:var(--space-5)}.row-actions .hss-btn{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.update-notice-action{transition:none}.update-notice-action:hover{transform:none}}