*{margin:0;padding:0;font-family:"Source Sans 3",sans-serif;font-weight:400;color:var(--primary)}body{background-color:var(--background);overflow-x:hidden}:root{--background: #faf9f7;--background-alt: #f5f4f2;--primary: #2a2a2a;--primary-soft: #5a5a5a;--primary-hover: #000000;--primary-disabled: #aaaaaa;--accent: #c17767;--accent-hover: #a85f4f;--accent-soft: #d4a090;--teal: #3b8b80;--teal-hover: #2d7068;--teal-soft: #e8f4f2;--gold: var(--accent);--gold-hover: var(--accent-hover);--card-bg: #ffffff;--hover: var(--background-alt);--border: #e5e5e5;--border-strong: #d0d0d0;--success: #2d8a6e;--error: #c94a4a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--font-display: "Fraunces", serif;--font-body: "Source Sans 3", sans-serif}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;transition:all .2s ease;cursor:pointer}.card:hover{background-color:var(--hover);border-color:var(--border-strong)}.card:has(.play-button:hover){background-color:var(--card-bg)}.active{border-color:var(--teal)!important;color:var(--teal)!important;stroke:var(--teal)!important}.active:hover{border-color:var(--teal-hover)!important;color:var(--teal-hover)!important;stroke:var(--teal-hover)!important}.playing{background-color:var(--teal)!important}.playing:hover{background-color:var(--teal-hover)!important}.loading{background-color:var(--teal)!important}.loading:hover{background-color:var(--teal-hover)!important}.spinner{animation:spin 1s linear infinite}.nav-button{flex:1;border:none;stroke:var(--accent);background:transparent}.nav-button:hover{background:var(--hover);stroke:var(--accent-hover)}.pill-button{border:1px solid var(--border-strong);color:var(--primary);background-color:var(--card-bg);border-radius:999px;padding:.3rem .8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.pill-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background-color:var(--hover)}.pill-button:disabled{color:var(--primary-disabled);cursor:default}.text-link{border:none;background:none;color:var(--accent);cursor:pointer;font-size:1rem;transition:color .2s ease;padding:.2rem .6rem;font-weight:500}.text-link:hover{color:var(--accent-hover)}.tab-button{border:none;background:none;color:var(--primary-soft)!important;cursor:pointer;transition:color .2s ease;font-weight:500}.tab-button:hover,.tab-button.active{color:var(--primary)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a40}*{scrollbar-width:thin;scrollbar-color:rgba(42,42,42,.15) transparent}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:65px}.app-container{max-width:600px;margin:0 auto;position:relative;height:100vh;height:100dvh;overflow:hidden;background-color:var(--background);border-left:1px solid var(--border);border-right:1px solid var(--border)}.section-title{margin:50px 10px 0;font-size:1.5rem;color:var(--primary);font-family:var(--font-display);font-weight:400;text-align:center;letter-spacing:-.01em}.gradient-overlay{position:relative}.gradient-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);border-radius:inherit;pointer-events:none}.play-button{border:none;border-radius:50%;background:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.play-button:hover{background:var(--accent-hover);transform:scale(1.02)}.play-button.disabled{background:var(--accent-soft);cursor:default}.play-button.disabled:hover{background:var(--accent-soft);transform:none}.subtle-text{margin:0;font-size:.85rem;color:var(--primary-soft);font-style:normal;line-height:1.2}.item-title{margin:0 0 2px;font-size:1rem;font-weight:500;color:var(--primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.item-origin{margin:0;font-size:.9rem;color:var(--primary-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer{background:linear-gradient(90deg,var(--background-alt) 25%,var(--card-bg) 50%,var(--background-alt) 75%);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--gold)}50%{box-shadow:0 0 0 8px #c177674d}}@keyframes profilePulse{0%,to{background:radial-gradient(circle,rgba(193,119,103,.6) 0%,transparent 70%);transform:scale(1)}50%{background:radial-gradient(circle,rgba(193,119,103,.9) 0%,transparent 60%);transform:scale(1.1)}}.sentence-selectable:hover{text-decoration:underline;text-decoration-color:var(--primary-soft)}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-state{background-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}