:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-reading:Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif;--ink-950:#102a43;--ink-800:#24465f;--ink-650:#526f82;--ink-500:#71899a;--paper:#f7f3eb;--paper-deep:#efe9de;--surface:#fffdf9;--surface-blue:#f2f9f9;--line:#c9d9de;--line-strong:#94b8c0;--teal-700:#087f8c;--teal-600:#0e95a0;--teal-100:#dff3f1;--blue-700:#275ccf;--blue-100:#e9f0ff;--coral-600:#d9644d;--coral-100:#ffebe5;--success:#31765d;--success-soft:#e8f5ee;--error:#a33a36;--error-soft:#fff0ed;--shadow-sm:0 1px 2px #102a4312, 0 8px 24px #102a430d;--shadow-md:0 18px 50px #102a431f;--radius-sm:.65rem;--radius-md:1rem;--radius-lg:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--focus:0 0 0 3px #f7f3eb, 0 0 0 6px #167fbb;background:var(--paper);color:var(--ink-950);font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,Avenir,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 2%, #0e95a017, transparent 22rem), radial-gradient(circle at 92% 18%, #d9644d12, transparent 25rem), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select,input[type=radio]+span{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{box-shadow:var(--focus);outline:none}h1[tabindex="-1"]:focus{box-shadow:none}h1,h2,p{margin-top:0}h1,h2{color:var(--ink-950);letter-spacing:-.025em}h1{margin-bottom:var(--space-4);font-size:clamp(2.1rem,4vw,3.65rem);line-height:1.04}h2{margin-bottom:var(--space-2);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--ink-950);color:#fff;transition:transform .16s;position:fixed;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.privacy-footer{width:min(100% - 2rem,1180px);margin:0 auto var(--space-8);color:var(--ink-650);font-size:.78rem}.privacy-footer details{padding-top:var(--space-4);border-top:1px solid var(--line)}.privacy-footer summary{cursor:pointer;color:var(--ink-800);font-weight:700}.privacy-footer p{max-width:64rem;margin:var(--space-3) 0 0;line-height:1.55}.turnstile-container{z-index:90;right:var(--space-4);bottom:var(--space-4);position:fixed}.clipboard-copy-fallback{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.app-header{justify-content:space-between;align-items:center;gap:var(--space-6);width:min(100% - 2rem,1180px);padding-block:var(--space-5);border-bottom:1px solid #94b8c073;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:inherit;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink-950);color:#8be1dc;width:2.75rem;height:2.75rem;font-family:var(--font-reading);border-radius:.85rem .85rem .85rem .25rem;place-items:center;font-size:1.15rem;font-weight:800;display:grid;box-shadow:inset 0 -4px #0e95a059}.brand-copy{gap:.05rem;display:grid}.brand-copy strong{letter-spacing:-.01em;font-size:1rem}.brand-copy span{color:var(--ink-650);font-size:.76rem}.header-actions,.form-actions,.dialog-actions{align-items:center;gap:var(--space-3);display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;border-radius:.8rem;min-height:2.85rem;padding:.72rem 1.05rem;font-weight:700;line-height:1.15;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px)}.button--primary{border-color:var(--ink-950);background:var(--ink-950);color:#fff;box-shadow:0 7px 16px #102a4329}.button--primary:not(:disabled):hover{background:#173a57;box-shadow:0 10px 22px #102a4336}.button--secondary{border-color:var(--line-strong);color:var(--ink-800);background:0 0}.button--secondary:not(:disabled):hover,.button--quiet:not(:disabled):hover{border-color:var(--teal-600);background:var(--teal-100);color:var(--ink-950)}.button--quiet{color:var(--ink-800);background:0 0;border-color:#0000}.button--vocabulary{border-color:var(--line);background:var(--surface);color:var(--ink-950);box-shadow:var(--shadow-sm)}.button--vocabulary:not(:disabled):hover{border-color:var(--teal-600)}.button--wide{width:100%}.phase-badge,.simulation-badge{background:var(--coral-100);color:#8b3f31;letter-spacing:.035em;text-transform:uppercase;border-radius:999px;padding:.22rem .42rem;font-size:.67rem;font-weight:800}.status-banner{z-index:20;align-items:center;gap:var(--space-3);border:1px solid var(--line);width:min(100% - 2rem,46rem);min-height:3rem;color:var(--ink-800);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9f0;border-radius:999px;padding:.75rem 1rem;font-size:.9rem;font-weight:650;transition:opacity .18s,transform .18s;display:flex;position:fixed;top:5.5rem;left:50%;transform:translate(-50%,-130%)}.status-banner--info,.status-banner--success,.status-banner--error{opacity:1;transform:translate(-50%)}.status-banner--success{background:#e8f5eef5;border-color:#9bcbb9}.status-banner--error{color:#7d2c29;background:#fff0edf7;border-color:#e4aaa2}.status-dot{background:var(--teal-600);border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #0e95a01f}.status-banner--success .status-dot{background:var(--success);box-shadow:0 0 0 4px #31765d1f}.status-banner--error .status-dot{background:var(--error);box-shadow:0 0 0 4px #a33a361f}.page{width:min(100% - 2rem,1180px);padding-block:clamp(2.7rem, 6vw, 5.5rem) var(--space-16);margin-inline:auto}.page-intro{max-width:48rem;margin-bottom:var(--space-10)}.page-intro>p:last-child,.reading-summary{max-width:43rem;color:var(--ink-650);margin-bottom:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}.eyebrow{margin-bottom:var(--space-3);color:var(--teal-700);letter-spacing:.11em;text-transform:uppercase;font-size:.76rem;font-weight:800}.prepare-layout{gap:var(--space-6);grid-template-columns:minmax(19rem,.78fr) minmax(26rem,1.22fr);align-items:start;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffdf9eb}.generation-panel,.editor-panel{padding:clamp(1.25rem,3vw,2rem)}.generation-panel{top:var(--space-4);position:sticky}.section-heading{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.section-heading p{color:var(--ink-650);margin:0;font-size:.9rem;line-height:1.45}.section-heading--editor{grid-template-columns:auto 1fr auto;display:grid}.step-number{background:var(--teal-100);width:2rem;height:2rem;color:var(--teal-700);border-radius:50%;flex:none;place-items:center;font-size:.84rem;font-weight:800;display:grid}.field-group,.segmented-field{margin:0 0 var(--space-6);border:0;padding:0}.field-group label,.segmented-field legend,.editor-wrap>label{margin-bottom:var(--space-2);color:var(--ink-800);font-size:.87rem;font-weight:800;display:block}input[type=text],select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--ink-950);background:#fff;transition:border-color .14s,box-shadow .14s}input[type=text],select{min-height:3.25rem;padding:.72rem .85rem}input::placeholder,textarea::placeholder{color:#78909f}input[type=text]:hover,select:hover,textarea:hover{border-color:var(--teal-600)}textarea{resize:vertical;min-height:23rem;font-family:var(--font-reading);padding:1.15rem;font-size:1.08rem;line-height:1.72}textarea[aria-invalid=true]{border-color:var(--error);background:snow}.segmented-control{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segmented-field--compact .segmented-control{grid-template-columns:repeat(6,minmax(0,1fr));gap:.34rem}.segmented-option{position:relative}.segmented-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented-option span{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:3rem;color:var(--ink-650);text-align:center;background:#fff;justify-content:center;align-items:center;padding:.55rem .5rem;font-size:.79rem;font-weight:750;transition:border-color .14s,background .14s,color .14s,transform .14s;display:flex}.segmented-option input:hover+span{border-color:var(--teal-600);color:var(--ink-950)}.segmented-option input:checked+span{border-color:var(--ink-950);background:var(--ink-950);color:#fff;box-shadow:0 5px 12px #102a4326}.segmented-option input:focus-visible+span{box-shadow:var(--focus)}.help-text{margin:calc(var(--space-6) * -.25) 0 var(--space-6);padding:var(--space-3);border-left:3px solid var(--teal-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-blue);color:var(--ink-650);font-size:.82rem;line-height:1.5}.paste-action{white-space:nowrap;align-self:start}.editor-meta{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-2);color:var(--ink-650);font-size:.76rem;line-height:1.45;display:flex}.word-count{color:var(--ink-800);font-variant-numeric:tabular-nums;flex:none}.word-count--error,.field-error{color:var(--error)}.field-error{margin:var(--space-2) 0 0;font-size:.82rem;font-weight:700}.form-actions{margin-top:var(--space-8);justify-content:flex-end}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dialog-backdrop{z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102a4385;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,31rem);padding:clamp(1.5rem,5vw,2.4rem);box-shadow:0 30px 90px #102a4354}.dialog-icon{width:2.7rem;height:2.7rem;margin-bottom:var(--space-4);background:var(--coral-100);color:var(--coral-600);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:900;display:grid}.confirm-dialog p{color:var(--ink-650);line-height:1.6}.dialog-actions{margin-top:var(--space-6)}.reading-page{max-width:1080px}.reading-hero{gap:var(--space-8);margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.reading-hero h1{max-width:18ch;font-family:var(--font-reading);font-weight:700}.reading-hero .segmented-field{min-width:14rem;margin-bottom:0}.reading-hero .segmented-field--compact .segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.speech-warning{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);color:#70472e;background:#fff6ec;border:1px solid #dbb8a1;display:flex}.speech-warning>span{font-size:1.4rem;line-height:1}.speech-warning p{margin:0;line-height:1.5}.reading-list{gap:var(--space-5);display:grid}.reading-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fffdf9f2;padding:clamp(1.35rem,3vw,2.15rem);transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.reading-card:before{content:"";background:0 0;width:4px;transition:background .18s;position:absolute;inset:0 auto 0 0}.reading-card--playing{border-color:#73bac0;transform:translateY(-1px);box-shadow:0 15px 36px #087f8c1f}.reading-card--playing:before{background:var(--teal-600)}.reading-card__topline{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:1.55rem;margin-bottom:var(--space-4);display:flex}.paragraph-number{color:var(--teal-700);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:850}.playing-indicator{align-items:center;gap:var(--space-2);color:var(--teal-700);font-size:.74rem;font-weight:800;display:inline-flex}.playing-bars{align-items:end;gap:2px;height:.85rem;display:inline-flex}.playing-bars i{background:var(--teal-600);border-radius:999px;width:2px;height:45%;animation:.65s ease-in-out infinite alternate sound;display:block}.playing-bars i:nth-child(2){height:100%;animation-delay:-240ms}.playing-bars i:nth-child(3){height:70%;animation-delay:-420ms}@keyframes sound{to{height:100%}}.reading-card__content{grid-template-columns:minmax(0,1fr);display:grid}.reading-card__content--translated{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.original-column,.translation-column{min-width:0}.reading-card__content--translated .original-column{padding-right:clamp(1.25rem,4vw,2.5rem)}.translation-column{border-left:1px solid var(--line);padding-left:clamp(1.25rem,4vw,2.5rem);animation:.18s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reading-text,.translation-column p{font-family:var(--font-reading);margin-bottom:0;font-size:clamp(1.13rem,1.8vw,1.28rem);line-height:1.78}.translation-column p{color:var(--ink-800);font-size:clamp(1rem,1.6vw,1.15rem)}.translation-heading{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--coral-600);letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:850;display:flex}.reading-card__actions{gap:var(--space-5);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #c9d9dea6;display:flex}.icon-action{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--ink-800);background:0 0;border:0;padding:.3rem;font-size:.82rem;font-weight:780;display:inline-flex}.icon-action:not(:disabled):hover{color:var(--teal-700)}.round-icon{border:1px solid var(--line-strong);width:2.25rem;height:2.25rem;color:var(--teal-700);background:#fff;border-radius:50%;place-items:center;font-size:1.1rem;transition:background .14s,border-color .14s;display:grid}.icon-action:not(:disabled):hover .round-icon{border-color:var(--teal-600);background:var(--teal-100)}.round-icon--audio{padding-left:.1rem;font-size:.75rem}.reading-footer-action{justify-content:space-between;align-items:center;gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--teal-100);display:flex}.reading-footer-action p{color:var(--ink-800);margin:0;font-weight:650}@media (width<=900px){.prepare-layout{grid-template-columns:1fr}.generation-panel{position:static}.reading-hero{grid-template-columns:1fr;align-items:start}.reading-hero .segmented-field{width:min(100%,18rem)}}@media (width<=680px){.app-header{padding-block:var(--space-4);align-items:flex-start}.brand-copy span{display:none}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .button{min-height:2.65rem;padding:.6rem .75rem;font-size:.78rem}.phase-badge{display:none}.page{width:min(100% - 1.25rem,1180px);padding-top:var(--space-10)}.page-intro{margin-bottom:var(--space-6)}.panel,.reading-card{border-radius:var(--radius-md)}.section-heading--editor{grid-template-columns:auto 1fr}.paste-action{grid-column:2;justify-self:start;padding-inline:0}.segmented-control{grid-template-columns:1fr}.segmented-field--compact .segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}textarea{min-height:19rem}.form-actions,.dialog-actions{flex-direction:column;align-items:stretch}.form-actions .button,.dialog-actions .button{width:100%}.reading-card__content--translated{grid-template-columns:1fr}.reading-card__content--translated .original-column{padding-right:0}.translation-column{margin-top:var(--space-6);padding:var(--space-5) 0 0;border-top:1px solid var(--line);border-left:0}.reading-card__actions{justify-content:space-between;gap:var(--space-2)}.icon-action{font-size:.76rem}.reading-footer-action{flex-direction:column;align-items:stretch}.status-banner{top:auto;bottom:var(--space-3);border-radius:var(--radius-md);transform:translate(-50%,130%)}.status-banner--info,.status-banner--success,.status-banner--error{transform:translate(-50%)}}@media (width<=420px){.brand-copy strong{max-width:7.5rem;line-height:1.05}.header-actions{gap:var(--space-1)}.header-actions .button{padding-inline:.55rem}.editor-meta{flex-direction:column;align-items:flex-end}.reading-card__actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vocabulary-count{background:var(--ink-950);color:#fff;border-radius:999px;place-items:center;min-width:1.65rem;height:1.65rem;padding-inline:.35rem;font-size:.72rem;display:grid}.button--small{min-height:2.75rem;padding:.48rem .72rem;font-size:.78rem}.button--danger{background:var(--error-soft);color:var(--error);border-color:#d9aaa5}.icon-close{border:1px solid var(--line);width:2.65rem;height:2.65rem;color:var(--ink-800);background:#fff;border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.selection-toolbar{align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-blue);flex-wrap:wrap;display:flex}.selection-toolbar>span{color:var(--ink-800);font-family:var(--font-reading);text-overflow:ellipsis;white-space:nowrap;flex:10rem;overflow:hidden}.notebook-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102a4373;justify-content:flex-end;display:flex;position:fixed;inset:0}.notebook-panel{border-left:1px solid var(--line);background:var(--surface);width:min(100%,47rem);height:100%;animation:.18s ease-out both notebook-in;overflow:hidden;box-shadow:-20px 0 70px #102a4340}@keyframes notebook-in{0%{opacity:0;transform:translate(2rem)}}.notebook-panel__header{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:6.5rem;padding:var(--space-5) clamp(1.25rem, 4vw, 2.25rem);border-bottom:1px solid var(--line);background:var(--paper);display:flex}.notebook-panel__header h2,.notebook-panel__header p{margin-bottom:0}.notebook-panel__body{height:calc(100% - 6.5rem);padding:clamp(1.25rem,4vw,2.25rem);overflow-y:auto}.notebook-panel label{gap:var(--space-2);color:var(--ink-800);font-size:.8rem;font-weight:750;display:grid}.notebook-panel input:not([type=checkbox]),.notebook-panel select,.notebook-panel textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:2.9rem;color:var(--ink-950);background:#fff;padding:.7rem .8rem}.notebook-panel textarea{resize:vertical;min-height:6rem}.notebook-loading{justify-items:start;gap:var(--space-4);max-width:34rem;margin:var(--space-8) auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-blue);padding:clamp(1.2rem,4vw,2rem);display:grid}.notebook-loading h3,.notebook-loading p{margin:0}.notebook-privacy{margin-bottom:var(--space-6);padding:var(--space-4);border-left:3px solid var(--teal-600);border-radius:var(--radius-sm);background:var(--surface-blue);color:var(--ink-650);font-size:.82rem}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.capture-card,.entry-edit{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);border:2px solid var(--teal-600);border-radius:var(--radius-md);background:var(--surface-blue);display:grid}.button-row,.export-actions,.entry-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notebook-tools{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1fr 11rem;display:grid}.export-actions{margin-bottom:var(--space-6)}.export-options{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--ink-650);font-size:.78rem;display:flex}.select-visible{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--paper)}.entry-selector{float:right;margin-bottom:var(--space-2);grid-template-columns:auto 1fr;align-items:center;font-size:.72rem!important}.expiry-warning{padding:var(--space-4);border-radius:var(--radius-sm);color:#674b08;background:#fff9df;border-left:3px solid #b78a1f}.vocabulary-list{gap:var(--space-4);display:grid}.vocabulary-entry{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.vocabulary-entry__title{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.vocabulary-entry h3{margin:0 var(--space-2) 0 0;color:var(--ink-950);font-family:var(--font-reading);font-size:1.4rem;display:inline}.vocabulary-entry__title p{margin:var(--space-1) 0 var(--space-4);color:var(--ink-650)}.language-chip{margin-right:var(--space-2);background:var(--teal-100);color:var(--teal-700);border-radius:.3rem;padding:.18rem .35rem;font-size:.65rem;font-weight:850;display:inline-block}.vocabulary-entry details{margin-block:var(--space-4)}.vocabulary-entry summary{cursor:pointer;color:var(--teal-700);font-weight:750}.vocabulary-entry blockquote{margin:var(--space-3) 0;padding:var(--space-3);border-left:3px solid var(--line-strong);color:var(--ink-800)}.vocabulary-entry cite{margin-top:var(--space-2);color:var(--ink-650);font-size:.75rem;display:block}.entry-note{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--paper)}.empty-state{padding:var(--space-10);border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-650);text-align:center}.notebook-danger{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line);display:flex}.notebook-danger p{color:var(--ink-650);margin:0;font-size:.76rem}@media (width<=680px){.notebook-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:0;width:100%;height:calc(100% - 2.5rem);margin-top:2.5rem}.notebook-tools{grid-template-columns:1fr}.notebook-panel__body{padding:var(--space-4)}.notebook-danger{flex-direction:column;align-items:stretch}}