:root{color:#22252f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border:#ddd6ca;--border-strong:#c9bead;--surface:#fffdf8;--surface-muted:#f0ebe2;--text:#22252f;--muted:#686455;--accent:#166534;--shadow:0 16px 45px #2720141f;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;padding:28px}.hero-header{background:linear-gradient(135deg,#fffdf8eb,#f5efe5d6),radial-gradient(circle at 100% 0,#1665341a,#0000 35%);border:1px solid #c9beadb3;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;max-width:1280px;min-height:184px;margin:0 auto 24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #2720141a}.hero-header:after{content:"";background:linear-gradient(#1665342e,#2563eb14);border-radius:999px;width:220px;height:220px;position:absolute;top:-118px;right:-90px}.hero-copy,.hero-badges{z-index:1;position:relative}.hero-copy{min-width:0}.brand-line{color:var(--text);letter-spacing:0;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:850;display:inline-flex}.brand-mark{color:#fff;background:#163b2c;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:inline-flex}.hero-header h1{color:var(--text);letter-spacing:0;max-width:760px;margin:14px 0 0;font-size:50px;line-height:1.08}.title-line{white-space:nowrap;display:block}.hero-subtitle{color:var(--muted);margin:14px 0 0;font-size:16px}.hero-badges{align-content:center;gap:10px;min-width:210px;display:grid}.hero-badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#fffdf8d6;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.hero-badge-strong{color:#fff;background:#173b2c;border-color:#173b2c}.eyebrow{color:var(--accent);letter-spacing:0;margin:0;font-size:13px;font-weight:750}.copy-button{border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 14px;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.copy-button:hover{transform:translateY(-1px)}.workspace{grid-template-columns:260px minmax(0,1fr);gap:18px;min-width:0;max-width:1280px;margin:0 auto;display:grid}.subject-panel,.content-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffdf8e0}.subject-panel{border-radius:12px;align-self:start;min-width:0;padding:16px;position:sticky;top:20px}.panel-title{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-weight:750;display:flex}.subject-rail{gap:8px;display:grid}.subject-tab{--subject-color:#2563eb;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex;position:relative;overflow:hidden}.subject-tab span:not(.subject-tab-bg){z-index:1;position:relative}.subject-tab-bg{background:color-mix(in srgb, var(--subject-color) 13%, #fffdf8);border:1px solid color-mix(in srgb, var(--subject-color) 35%, var(--border));border-radius:inherit;position:absolute;inset:0}.subject-dot{background:var(--subject-color);border-radius:999px;width:9px;height:9px}.content-panel{border-radius:14px;min-width:0;padding:18px}.subject-summary{--active-color:#166534;background:color-mix(in srgb, var(--active-color) 8%, #fffdf8);border:1px solid color-mix(in srgb, var(--active-color) 30%, var(--border));border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.subject-summary h2{color:var(--text);letter-spacing:0;margin:4px 0 8px;font-size:30px;line-height:1.1}.subject-summary p:last-child{color:var(--muted);margin:0}.subject-summary>span{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;flex:none;padding:8px 12px;font-size:14px;font-weight:750}.ability-profile{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:14px;display:grid}.mobile-profile-toggle{display:none}.ability-column{border:1px solid var(--border);color:var(--muted);background:#fbf9f3;border-radius:8px;min-width:0;padding:14px}.ability-heading{color:var(--text);align-items:center;gap:7px;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.ability-chip-row{flex-wrap:wrap;gap:7px;display:flex}.ability-chip-row span{color:#334155;background:#edf2f7;border:1px solid #d8e1ea;border-radius:999px;padding:4px 9px;font-size:13px}.ability-column ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ability-column li,.ability-column p{margin:0;font-size:14px;line-height:1.55}.ability-column li:before{color:var(--accent);content:"•";margin-right:7px;font-weight:900}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.stat-item{background:var(--surface-muted);border:1px solid var(--border);color:var(--muted);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px;min-height:78px;padding:14px;display:grid}.stat-item strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:22px;line-height:1.1;overflow:hidden}.stat-item-wide strong{font-size:18px}.library-panel{min-width:0}.library-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-box{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:0;min-height:420px;padding:16px;display:flex}.prompt-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.prompt-card h3{color:var(--text);letter-spacing:0;margin:4px 0 0;font-size:22px;line-height:1.18}.usage-pill{border:1px solid var(--border);color:var(--muted);background:#f7f4ee;border-radius:999px;flex:none;padding:6px 10px;font-size:13px;font-weight:750}.scenario{color:var(--text);margin:14px 0 6px;font-weight:750}.goal{color:var(--muted);margin:0}.tag-row{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.tag-row span{color:#334155;background:#edf2f7;border:1px solid #d8e1ea;border-radius:999px;padding:4px 9px;font-size:13px}.prompt-preview{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#f8f5ee;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:9px;max-height:150px;margin-top:auto;padding:12px;display:grid;position:relative;overflow:hidden}.prompt-preview p{-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.preview-expand,.icon-button{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.preview-expand{position:absolute;top:8px;right:8px}.preview-expand:hover,.icon-button:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.copy-button{color:#fff;background:#163b2c;border-color:#163b2c;justify-content:center;width:100%;margin-top:14px;font-weight:750}.copy-button:focus-visible,.subject-tab:focus-visible,.preview-expand:focus-visible,.icon-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.empty-state{border:1px dashed var(--border-strong);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:140px;display:flex}.copy-toast{color:#fff;z-index:10;background:#16251e;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #0000003d}.app-footer{color:var(--muted);align-items:center;gap:14px;width:100%;max-width:1280px;margin:22px auto 0;padding:18px 0 6px;display:flex}.footer-rule{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);flex:1;height:1px}.footer-signature{border:1px solid var(--border);background:#fffdf8db;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;display:inline-flex;box-shadow:0 10px 28px #27201414}.footer-signature span{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:800}.footer-signature strong{color:var(--text);letter-spacing:0;font-size:14px}.dialog-backdrop{z-index:20;background:#1b18126b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.prompt-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(920px,100%);min-width:0;max-width:920px;max-height:min(820px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 80px #1b181247}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 14px;display:flex}.dialog-header h2{color:var(--text);letter-spacing:0;margin:4px 0 0;font-size:26px;line-height:1.2}.dialog-meta{border-bottom:1px solid var(--border);color:var(--muted);gap:8px;padding:14px 18px;display:grid}.dialog-meta span:first-child{color:var(--text);font-weight:750}.full-prompt{color:var(--text);white-space:pre-wrap;background:#fbf9f3;margin:0;padding:18px;font:15px/1.72 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.dialog-actions{border-top:1px solid var(--border);padding:14px 18px 18px}@media (width<=980px){.app-shell{padding:18px}.hero-header{flex-direction:column;align-items:flex-start;min-height:0;padding:24px}.hero-badges{flex-wrap:wrap;min-width:0;display:flex}.workspace{grid-template-columns:1fr}.subject-panel{position:static}.subject-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-grid,.ability-profile{grid-template-columns:1fr}}@media (width<=620px){.app-shell{padding:12px}.hero-header{border-radius:14px;gap:12px;margin-bottom:10px;padding:14px}.brand-line{font-size:13px}.brand-mark{border-radius:7px;width:24px;height:24px}.hero-header h1{margin-top:10px;font-size:27px;line-height:1.08}.hero-subtitle{display:none}.title-line{white-space:normal}.hero-badges{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:7px;width:100%;overflow-x:auto}.hero-badges::-webkit-scrollbar{display:none}.hero-badge:first-child{display:none}.hero-badge{flex:none;min-height:34px;padding:0 10px;font-size:13px}.workspace{gap:10px;width:100%;max-width:100%;overflow:hidden}.subject-panel{box-shadow:none;border-radius:10px;padding:10px;overflow:hidden}.panel-title{display:none}.subject-rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;gap:8px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.subject-rail::-webkit-scrollbar{display:none}.subject-tab{flex:none;min-width:72px;min-height:36px;padding:0 10px}.content-panel{border-radius:10px;padding:10px}.subject-rail,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-summary{border-radius:9px;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:14px}.subject-summary>div{min-width:0}.subject-summary h2{margin-bottom:6px;font-size:27px}.subject-summary p:last-child{font-size:14px;line-height:1.45}.subject-summary>span{white-space:nowrap}.mobile-profile-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;margin:10px 0;padding:0 12px;font-weight:750;display:flex}.profile-shell{display:none}.profile-shell[data-expanded=true]{display:block}.ability-profile{margin:0 0 10px}.ability-column{padding:12px}.stats-grid{gap:8px;margin:10px 0}.stat-item{min-height:64px;padding:10px}.stat-item strong{font-size:20px}.stat-item-wide{grid-column:1/-1}.library-toolbar{margin-bottom:10px}.search-box{min-height:42px}.prompt-card{min-height:0;padding:14px}.dialog-backdrop{padding:10px}.prompt-dialog{max-height:calc(100vh - 20px)}}