.etude-shell{display:contents}.etude-content{box-sizing:border-box;width:min(100%,820px);margin:0 auto;padding:20px 20px 80px}.etude-composer{background:var(--card);border:1px solid var(--separator);border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;padding:20px;display:flex}.etude-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-block:14px;display:flex}.etude-primary,.etude-secondary{font:inherit;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:12px 17px;font-weight:600}.etude-primary{color:#fff;background:var(--accent)}.etude-secondary{color:var(--text);background:var(--card-2)}.etude-primary:disabled,.etude-secondary:disabled{opacity:.45;cursor:default}.etude-muted,.etude-save-status{color:var(--secondary);font-size:13px}.etude-save-status{flex-wrap:wrap;justify-content:space-between;gap:14px;padding:10px 2px;display:flex}.etude-feed-heading{z-index:2;top:calc(env(safe-area-inset-top,0px) + 18px);background:var(--bg);height:44px;box-shadow:0 -18px var(--bg), 0 18px var(--bg);justify-content:space-between;align-items:center;gap:15px;margin:32px 0 18px;padding-inline:22px;display:flex;position:sticky}.etude-feed-heading h2{margin:0;font-size:17px;line-height:1.2}.etude-feed-heading .etude-muted{margin-left:auto}.etude-search,.etude-title{box-sizing:border-box;border:1px solid var(--separator);background:var(--card);width:100%;color:var(--text);font:inherit;border-radius:12px;margin:8px 0;padding:13px}.etude-title{background:0 0;font-size:28px;font-weight:700}.etude-tags{flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0;display:flex}.etude-tag{border:1px solid var(--separator);color:var(--secondary);background:var(--card-2);border-radius:20px;align-items:center;padding:6px 11px;font-size:12px;line-height:1;display:inline-flex}button.etude-tag{cursor:pointer;min-height:36px}.etude-tag[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.etude-tag-hit{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.etude-hit{background:var(--accent);color:#fff;border-radius:4px;padding:0 2px}.etude-note{background:var(--card);border-radius:16px;margin-top:16px;padding:16px}.etude-note-body{max-height:320px;position:relative;overflow:hidden}.etude-note-body[data-clamp=off]{max-height:none;overflow:visible}.etude-note-body[data-clamp=on]{transition:max-height .28s cubic-bezier(.4,0,.2,1)}.etude-note-body[data-clamp=on][data-expanded=true]{max-height:var(--etude-note-full)}.etude-note-measure{display:flow-root}.etude-note-fade{inset-inline:0;opacity:0;pointer-events:none;background:linear-gradient(to top, var(--card), color-mix(in srgb, var(--card) 55%, transparent) 45%, transparent);height:110px;transition:opacity .2s;position:absolute;bottom:0}.etude-note-body[data-clamp=on] .etude-note-fade{opacity:1}.etude-note-body[data-expanded=true] .etude-note-fade{opacity:0}.etude-note-footer{align-items:center;gap:12px;margin:12px 0;display:flex}.etude-note-footer .etude-tags{flex:1;min-width:0;margin:0}.etude-note-toggle{min-height:36px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:6px;margin-left:auto;padding:0;font-size:14px;font-weight:600;display:inline-flex}.etude-note-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.etude-note-toggle svg{flex:none;width:18px;height:18px;transition:transform .18s cubic-bezier(.22,.8,.25,1)}.etude-note-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.etude-note-header{color:var(--secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.etude-note-tools{flex-shrink:0;gap:2px;display:flex}.etude-icon-button{width:36px;height:36px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.etude-icon-button:hover{background:var(--card-2)}.etude-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etude-icon-button span{display:flex}.etude-danger{color:var(--danger)}.etude-empty{text-align:center;color:var(--secondary);padding:50px 20px}.etude-empty h3{color:var(--text);font-size:21px}.etude-search-bar{box-sizing:border-box;border:1px solid var(--separator);background:var(--card);border-radius:12px;flex:1;align-self:stretch;align-items:center;gap:8px;min-width:0;padding:0 14px;display:flex}.etude-search-bar:focus-within{outline:2px solid var(--accent);outline-offset:1px}.etude-search-field{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.etude-search-icon{color:var(--secondary);flex:none;display:flex}.etude-sheet{flex-direction:column;gap:12px;max-height:75dvh;padding:20px;display:flex;overflow-y:auto}.etude-settings-option{cursor:pointer}.etude-settings-value{color:var(--secondary)}.etude-theme-options{background:var(--card-2);border-radius:18px;overflow:hidden}.etude-theme-option{border:0;border-bottom:1px solid var(--separator);width:100%;min-height:60px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:16px;padding:12px 18px;font-size:18px;display:flex}.etude-theme-option:last-child{border-bottom:0}.etude-theme-option span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.etude-theme-option svg{width:22px;height:22px;color:var(--accent);flex:none}.etude-list-row,.etude-article-card{text-align:left;background:var(--card);color:var(--text);cursor:pointer;font:inherit;border:0;border-radius:14px;width:100%;margin:8px 0;padding:18px}.etude-article-card h2{margin:0 0 8px;font-size:20px}.etude-article-card p{margin:0}.etude-breadcrumbs{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;display:flex}.etude-folder-row{border-bottom:1px solid var(--separator);align-items:center;gap:8px;padding:6px 0;display:flex}.etude-folder-name{text-align:left;overflow-wrap:anywhere;min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:12px 0}.etude-folder-select{color:var(--secondary);font-size:13px}.etude-block{border:1px solid var(--separator);background:var(--card);border-radius:14px;margin-block:20px;padding:14px}.etude-block-bar{color:var(--secondary);align-items:center;gap:12px;font-size:12px;display:flex}.etude-block-bar span{flex:1}.etude-picker-note{border-bottom:1px solid var(--separator);overflow-wrap:anywhere;align-items:start;gap:12px;padding:12px;display:flex}.etude-prose{overflow-wrap:anywhere;color:var(--text);font-size:17px;line-height:1.7}.etude-prose p{margin:0 0 1em}.etude-prose>:last-child{margin-bottom:0}.etude-prose h1,.etude-prose h2,.etude-prose h3{margin:1em 0 .5em;line-height:1.25}.etude-prose blockquote{border-left:3px solid var(--accent);color:var(--secondary);margin:16px 0;padding-left:18px}.etude-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card-2);border-radius:10px;padding:14px;font-size:13px}.etude-prose code{font-family:ui-monospace,monospace;font-size:.86em}.etude-prose a{color:var(--accent)}.etude-prose ul,.etude-prose ol{padding-left:26px}.etude-prose hr{border:0;border-top:1px solid var(--separator);margin:24px 0}.etude-reading{padding-block:32px}.etude-reading h1{overflow-wrap:anywhere;margin-bottom:30px;font-size:36px;line-height:1.2}.etude-reading>.etude-prose{margin-bottom:1em}.etude-bootstrap{padding:40px}@media (width<=600px){.etude-content{padding:12px 14px 70px}.etude-composer{padding:14px}.etude-feed-heading{padding-inline:14px}.etude-prose{font-size:16px}.etude-reading h1{font-size:29px}}.etude-editor{max-height:55vh;display:grid;overflow-y:auto}.etude-editor:after{content:attr(data-value) " ";white-space:pre-wrap;word-break:break-word;visibility:hidden;font:inherit;box-sizing:border-box;min-height:140px;padding-bottom:20px;line-height:1.7}.etude-editor-input,.etude-editor:after{grid-area:1/1;width:100%}.etude-editor-input{box-sizing:border-box;resize:none;min-height:140px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;line-height:1.7;overflow:hidden}.etude-composer>.etude-editor{min-width:0}.etude-composer .etude-editor-input{display:block}.etude-composer .etude-editor-input,.etude-composer .etude-editor:after{min-height:0}.etude-round-save,.etude-round-cancel{cursor:pointer;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.etude-round-save{border:1px solid color-mix(in srgb, var(--accent), var(--text) 18%)}.etude-round-cancel{border:1px solid var(--separator);background:var(--card-2);color:var(--secondary)}.etude-round-cancel:hover{color:var(--text)}.etude-round-save:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.etude-round-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.etude-kicker{color:var(--secondary);margin:0 0 16px;font-size:13px;font-weight:600}.etude-notes-page{min-height:100%;padding-top:env(safe-area-inset-top,0px)}.etude-round-save>span,.etude-round-cancel>span{display:flex}.etude-tag-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.etude-tag-row{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.etude-tag:has(.etude-tag-remove){padding-right:6px}.etude-tag-row .etude-tag{min-height:36px}.etude-tag-remove{background:color-mix(in srgb, var(--card-2), var(--text) 14%);width:18px;height:18px;color:var(--secondary);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:7px;padding:0;display:inline-flex}.etude-tag-remove:hover{background:color-mix(in srgb, var(--card-2), var(--text) 26%);color:var(--text)}.etude-tag-remove>span{display:flex}.etude-tag-entry{transform-origin:0;z-index:3;animation:.16s cubic-bezier(.22,.8,.25,1) both etude-tag-entry-enter;display:inline-flex;position:relative}.etude-tag-input{box-sizing:border-box;border:1px solid var(--separator);background:var(--card-2);width:140px;height:36px;color:var(--text);line-height:1;font:inherit;border-radius:20px;padding:0 32px 0 11px;font-size:12px}.etude-tag-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.etude-tag-confirm{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.etude-tag-confirm:hover{background:color-mix(in srgb, var(--accent), var(--text) 18%)}.etude-tag-confirm>span{display:flex}.etude-tag-menu{z-index:20;border:1px solid var(--separator);background:var(--card-2);border-radius:12px;flex-direction:column;width:max-content;min-width:160px;max-width:240px;animation:.14s ease-out both etude-fade-in;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.35)}.etude-tag-option{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;min-height:38px;padding:0 14px;font-size:14px}.etude-tag-option:hover{background:var(--card);outline:none}.etude-tag-option:focus-visible{background:var(--card);outline:none}.etude-menu{display:inline-flex;position:relative}.etude-menu-content{z-index:20;border:1px solid var(--separator);background:var(--card-2);transform-origin:100% 0;border-radius:12px;flex-direction:column;width:max-content;min-width:180px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.35)}.etude-menu-content[data-state=open]{animation:.14s cubic-bezier(.22,.8,.25,1) both etude-menu-enter}.etude-menu-content[data-state=closed]{animation:.12s ease-in both etude-menu-leave}.etude-menu-item{min-height:42px;color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:0 14px;font-size:14px;display:flex}.etude-menu-item:hover{background:var(--card);outline:none}.etude-menu-item:focus-visible{background:var(--card);outline:none}.etude-menu-item.etude-danger{color:var(--danger)}.etude-menu-icon{flex:none;display:flex}@keyframes etude-menu-enter{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}@keyframes etude-fade-in{0%{opacity:0}to{opacity:1}}@keyframes etude-tag-entry-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes etude-menu-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)scale(.96)}}@media (prefers-reduced-motion:reduce){.etude-menu-content[data-state=open],.etude-menu-content[data-state=closed],.etude-tag-menu,.etude-tag-entry{animation-duration:3ms}.etude-note-body,.etude-note-fade,.etude-note-toggle svg{transition-duration:3ms}}