:root{--color-bg-light: #F9F7F2;--color-bg-dark: #121212;--color-surface: #FFFFFF;--color-surface-dark: #1E1E1E;--color-surface-2: #F4F1EB;--color-primary: #2D3E50;--color-primary-light:#AEC6CF;--color-secondary: #778B7F;--color-accent: #C36B4D;--color-accent-lt: #D47F63;--color-accent-bg: #FDF1EC;--color-token: #E0E7FF;--color-token-text: #2D3E50;--color-success: #2D6A4F;--color-success-bg: #EAF4EF;--color-warning: #B07D00;--color-warning-bg: #FFFBE6;--color-error: #C0392B;--color-error-bg: #FEF0EE;--pillar-planning: #2D3E50;--pillar-assessment: #B07D00;--pillar-grading: #C36B4D;--pillar-admin: #778B7F;--pillar-pd: #6D4C9E;--pillar-notebook: #2D6A4F;--pillar-library: #2D3E50;--color-border: rgba(45, 62, 80, .12);--color-border-md: rgba(45, 62, 80, .22);--color-border-strong:rgba(45, 62, 80, .38);--color-surface-glass: rgba(255, 255, 255, .78);--bg-orb-warm: rgba(212, 127, 99, .18);--bg-orb-cool: rgba(174, 198, 207, .18);--bg-orb-sage: rgba(119, 139, 127, .14);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Lora", "Source Serif Pro", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-display: var(--font-sans);--font-body: var(--font-sans);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 4px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--shadow-subtle: 0 2px 12px rgba(0, 0, 0, .07);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .09), 0 2px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .07);--touch-target: 44px;--touch-min: 44px;--focus-ring: 3px solid var(--color-accent);--t-fast: .12s;--t-med: .22s;--ease: cubic-bezier(.4, 0, .2, 1);--header-h: 56px;--nav-h: 64px;--legal-h: 30px;--content-max: 720px;--ink: var(--color-primary);--ink-soft: #5A7080;--amber: var(--color-accent);--amber-lt: var(--color-accent-lt);--amber-bg: var(--color-accent-bg);--sage: var(--color-secondary);--slate: var(--color-primary-light);--coral: var(--color-accent);--bg: var(--color-bg-light);--surface: var(--color-surface);--surface-2: var(--color-surface-2);--border: var(--color-border);--border-md: var(--color-border-md)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg-light: var(--color-bg-dark);--color-surface: var(--color-surface-dark);--color-surface-2: #242424;--color-primary: #C8D4DC;--color-primary-light: #5A7A8A;--color-accent: #D47F63;--color-accent-lt: #E09980;--color-accent-bg: #2A1A14;--color-border: rgba(255,255,255,.09);--color-border-md: rgba(255,255,255,.15);--color-border-strong: rgba(255,255,255,.24);--color-token: #1E2A4A;--color-token-text: #AEC6CF;--color-success-bg: #0A2018;--color-warning-bg: #2A1F0A;--color-error-bg: #2A0A0A;--ink-soft: #8AACBC;--surface-2: #242424}}[data-theme=dark]{--color-bg-light: var(--color-bg-dark);--color-surface: var(--color-surface-dark);--color-surface-2: #242424;--color-primary: #C8D4DC;--color-primary-light: #5A7A8A;--color-accent: #D47F63;--color-accent-lt: #E09980;--color-accent-bg: #2A1A14;--color-border: rgba(255,255,255,.09);--color-border-md: rgba(255,255,255,.15);--color-border-strong: rgba(255,255,255,.24);--color-token: #1E2A4A;--color-token-text: #AEC6CF;--ink-soft: #8AACBC;--surface-2: #242424}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-primary);background:var(--color-bg-light);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}[data-fontsize=large]{font-size:18px}.skip-nav{position:absolute;top:-48px;left:0;background:var(--color-accent);color:#fff;padding:var(--sp-2) var(--sp-4);font-family:var(--font-sans);font-size:.875rem;font-weight:600;z-index:9999;border-radius:0 0 var(--r-sm) 0;transition:top var(--t-fast)}.skip-nav:focus{top:0}:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:radial-gradient(circle at top left,var(--bg-orb-warm) 0,transparent 32%),radial-gradient(circle at top right,var(--bg-orb-cool) 0,transparent 36%),linear-gradient(180deg,#fcfaf6,#f7f2ea 46%,#f3f5f8);position:relative}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#ffffff61,#ffffff61),repeating-linear-gradient(135deg,rgba(45,62,80,.018) 0 1px,transparent 1px 22px);pointer-events:none}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--color-surface) 78%,transparent);border-bottom:1px solid rgba(45,62,80,.08);z-index:100;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:0 10px 30px #2d3e500f}.app-header__brand{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.main-content{position:fixed;top:var(--header-h);bottom:calc(var(--nav-h) + var(--legal-h));left:0;right:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--sp-5) var(--sp-4);padding-bottom:calc(var(--sp-8) + var(--legal-h) + env(safe-area-inset-bottom))}@media (min-width: 640px){.main-content{padding:var(--sp-6);max-width:var(--content-max);margin:0 auto}}.bottom-nav,.tn-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);display:flex;justify-content:space-around;align-items:stretch;background:color-mix(in srgb,var(--color-surface) 84%,transparent);border-top:1px solid rgba(45,62,80,.08);padding-bottom:env(safe-area-inset-bottom);z-index:100;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 -10px 28px #2d3e5014}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border:none;background:transparent;cursor:pointer;color:var(--ink-soft);font-family:var(--font-sans);font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;min-height:var(--touch-target);transition:color var(--t-fast),transform var(--t-fast);-webkit-tap-highlight-color:transparent;position:relative}.nav-tab__icon{font-size:1.2rem;line-height:1;width:34px;height:34px;border-radius:12px;color:inherit;background:transparent;transition:transform var(--t-fast),background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.nav-tab.active{color:var(--color-accent);transform:translateY(-1px)}.nav-tab.active .nav-tab__icon{transform:translateY(-1px);background:color-mix(in srgb,var(--color-accent) 15%,white);box-shadow:inset 0 0 0 1px #c36b4d24}.nav-tab__pip{position:absolute;top:4px;width:0;height:3px;background:linear-gradient(90deg,var(--amber-lt),var(--amber));border-radius:999px;transition:width var(--t-med) var(--ease)}.nav-tab.active .nav-tab__pip{width:24px}@media (max-width: 520px){.nav-tab{font-size:.55rem}.nav-tab__icon{font-size:1rem}}[data-fontsize=large] .nav-tab{font-size:.68rem}.card{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid rgba(45,62,80,.1);border-radius:18px;padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:0 20px 40px #2d3e5014,0 2px 10px #2d3e500a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card--surface{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,white),color-mix(in srgb,var(--surface) 86%,var(--surface-2)));box-shadow:inset 0 1px #ffffff80}.tn-sheet,.ai-output{background:var(--color-surface);font-family:var(--font-serif);font-size:1rem;line-height:1.8;color:#1a1a1a;padding:var(--sp-8) var(--sp-6);border-radius:var(--r-sm);box-shadow:var(--shadow-subtle);border:1px solid rgba(0,0,0,.05);white-space:pre-wrap;word-break:break-word;margin-bottom:var(--sp-4);max-width:100%}[data-theme=dark] .tn-sheet,[data-theme=dark] .ai-output{color:#e8edf4;background:var(--color-surface-dark);border-color:var(--color-border)}.tn-sheet h1,.tn-sheet h2,.ai-output h1,.ai-output h2{font-family:var(--font-sans);font-weight:700;color:var(--color-primary);border-bottom:2px solid var(--color-accent);padding-bottom:.25rem;margin-top:1.5rem;margin-bottom:.75rem}.tn-sheet h3,.ai-output h3{font-family:var(--font-sans);font-weight:600;color:var(--color-primary);margin-top:1.25rem;margin-bottom:.5rem}.tn-sheet:focus{outline:none}.tn-sheet:focus-visible,.ai-output:focus-visible{outline:var(--focus-ring);outline-offset:4px}.tn-token,.student-token{display:inline;background-color:var(--color-token);color:var(--color-token-text);border-radius:var(--r-sm);padding:0 5px;font-family:var(--font-mono);font-size:.875em;font-weight:500;letter-spacing:.01em}.tn-ferpa-notice{display:flex;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);background:var(--color-token);border-radius:var(--r-sm);font-size:.78rem;color:var(--color-token-text);font-weight:500;margin-bottom:var(--sp-3)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{display:block;width:100%;min-height:var(--touch-target);font-size:16px;font-family:var(--font-sans);color:var(--color-primary);background:var(--color-surface);border:1.5px solid var(--color-border-md);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);transition:border-color var(--t-fast),box-shadow var(--t-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c36b4d26}textarea{resize:vertical;min-height:80px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232D3E50' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C8D4DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-surface-dark);border-color:var(--color-border-md);color:var(--color-primary);color-scheme:dark}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field label{font-size:.8rem;font-weight:600;color:var(--color-primary);letter-spacing:.01em}.field .hint,p.hint{font-size:.75rem;color:var(--ink-soft);line-height:1.5;margin:0}.row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.row>.field,.flex-1{flex:1;min-width:120px}button{font-family:var(--font-sans);cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:var(--sp-2) var(--sp-5);font-family:var(--font-sans);font-size:.875rem;font-weight:600;border-radius:var(--r-md);border:none;cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);-webkit-tap-highlight-color:transparent;letter-spacing:.01em}.btn-full{width:100%}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 1px 3px #c36b4d4d}.btn-primary:hover:not(:disabled){background:var(--color-accent-lt);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-border-md)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn-secondary:disabled{opacity:.42;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-soft);padding:var(--sp-2) var(--sp-3);min-height:var(--touch-target)}.btn-ghost:hover{color:var(--color-primary);background:var(--color-surface-2);border-radius:var(--r-md)}.ai-output-header{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.ai-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--color-surface-2);border:1px solid var(--color-border-md);border-radius:100px;font-size:.68rem;font-weight:600;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}.copy-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--color-surface-2);border:1px solid var(--color-border-md);border-radius:var(--r-md);font-size:.78rem;font-weight:600;color:var(--color-primary);cursor:pointer;min-height:36px;transition:background var(--t-fast)}.copy-btn:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.copy-btn.copied{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.lms-copy-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--color-success);color:#fff;border:none;border-radius:var(--r-md);font-size:.78rem;font-weight:600;cursor:pointer;min-height:36px;transition:background var(--t-fast)}.lms-copy-btn:hover{background:#1a4a30}.lms-copy-btn.copied{background:#3a7a5a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1212128c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:overlayIn var(--t-med) var(--ease)}.modal{background:var(--color-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:640px;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-6) var(--sp-5);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);animation:modalUp var(--t-med) var(--ease)}.modal__handle{display:block;width:40px;height:4px;background:var(--color-border-md);border-radius:2px;margin:0 auto var(--sp-5)}@media (min-width: 640px){.modal-overlay{align-items:center;padding:var(--sp-4)}.modal{border-radius:var(--r-xl)}}[data-theme=dark] .modal{background:var(--color-surface-dark)}.divider{height:1px;background:var(--color-border);margin:var(--sp-5) 0}.notice{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:.82rem;line-height:1.6;margin-bottom:var(--sp-4)}.notice--info{background:#eef2ff;color:#2d3e50;border:1px solid rgba(174,198,207,.6)}.notice--warning{background:var(--color-warning-bg);color:#7a4a00;border:1px solid rgba(176,125,0,.3)}.notice--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(45,106,79,.3)}.notice--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(192,57,43,.3)}[data-theme=dark] .notice--info{background:#1a2a3a;color:var(--color-primary-light)}[data-theme=dark] .notice--warning{background:#2a1f0a;color:#c89a4a}[data-theme=dark] .notice--success{background:#0a2018;color:#5a9a7a}.tool-header{display:flex;gap:var(--sp-4);align-items:flex-start;margin-bottom:var(--sp-7);padding:2px 2px 0}.tool-header__icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#ffffffeb,#f4f1ebf5);border:1px solid rgba(45,62,80,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 12px 26px #2d3e5014}.tool-header__text h2{font-size:1.15rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--sp-1);font-family:var(--font-sans)}.tool-header__text p{font-size:.85rem;color:var(--ink-soft);line-height:1.5}.pillar-planning{--pillar-color: var(--pillar-planning);--pillar-bg: rgba(45,62,80,.06)}.pillar-assessment{--pillar-color: var(--pillar-assessment);--pillar-bg: rgba(176,125,0,.06)}.pillar-grading{--pillar-color: var(--pillar-grading);--pillar-bg: rgba(195,107,77,.06)}.pillar-admin{--pillar-color: var(--pillar-admin);--pillar-bg: rgba(119,139,127,.08)}.pillar-pd{--pillar-color: var(--pillar-pd);--pillar-bg: rgba(109,76,158,.06)}.pillar-notebook{--pillar-color: var(--pillar-notebook);--pillar-bg: rgba(45,106,79,.06)}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--color-border-md);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.42}}.skeleton{background:var(--color-surface-2);border-radius:var(--r-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{height:14px;margin-bottom:10px;border-radius:var(--r-sm)}.skeleton-line--short{width:38%}.skeleton-line--medium{width:65%}.skeleton-line--long{width:94%}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--sp-5);margin-bottom:var(--sp-3);box-shadow:var(--shadow-subtle)}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--ink-soft)}.empty-state__icon{font-size:2.5rem;margin-bottom:var(--sp-4)}.empty-state h3{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--sp-2)}.empty-state p{font-size:.875rem;max-width:280px;margin:0 auto;line-height:1.6}.type-tab{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-4);border:1.5px solid var(--color-border-md);border-radius:100px;background:var(--color-surface);font-size:.78rem;font-weight:600;color:var(--ink-soft);cursor:pointer;min-height:36px;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.type-tab.selected,.type-tab[aria-selected=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.chip{display:inline-flex;align-items:center;padding:4px 12px;border:1px solid var(--color-border-md);border-radius:100px;background:var(--color-surface-2);font-size:.75rem;font-weight:500;color:var(--ink-soft);white-space:nowrap}.student-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--sp-3);box-shadow:var(--shadow-subtle);transition:box-shadow var(--t-fast)}.student-card:hover{box-shadow:var(--shadow-md)}.student-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);min-height:var(--touch-target);cursor:pointer;background:var(--color-surface);border:none;width:100%;text-align:left;gap:var(--sp-3)}.student-card__body{background:var(--color-surface-2);border-top:1px solid var(--color-border);padding:var(--sp-4) var(--sp-5)}.entry-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.entry-item:last-child{border-bottom:none}.entry-item__delete{background:none;border:none;cursor:pointer;color:var(--color-border-md);font-size:.8rem;min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);flex-shrink:0}.entry-item__delete:hover{color:var(--color-error);background:var(--color-error-bg)}.upcoming-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6);box-shadow:var(--shadow-subtle)}.upcoming-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.upcoming-widget__title{font-size:.72rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.upcoming-item{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.upcoming-item:last-child{border-bottom:none}.upcoming-item__date{min-width:42px;font-weight:700;font-size:.78rem;color:var(--ink-soft);flex-shrink:0}.upcoming-item__date.today{color:var(--color-accent)}.upcoming-item__date.soon{color:var(--color-secondary)}.upcoming-item__date.overdue{color:var(--color-error)}[data-theme=dark] body{background:var(--color-bg-dark);color:var(--color-primary)}[data-theme=dark] .card,[data-theme=dark] .skeleton-card{background:color-mix(in srgb,var(--color-surface-dark) 90%,transparent);border-color:#ffffff17}[data-theme=dark] .card--surface,[data-theme=dark] .student-card__body{background:var(--color-surface-2)}[data-theme=dark] .app-header,[data-theme=dark] .bottom-nav{background:#0a0a0ad6;border-color:#ffffff17}[data-theme=dark] .app-shell{background:radial-gradient(circle at top left,rgba(212,127,99,.14) 0,transparent 32%),radial-gradient(circle at top right,rgba(90,122,138,.16) 0,transparent 36%),linear-gradient(180deg,#161616,#14181d 48%,#111317)}[data-theme=dark] .app-shell:before{background:linear-gradient(#0a0a0a42,#0a0a0a42),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0 1px,transparent 1px 22px)}[data-theme=dark] .home-hero{background:radial-gradient(circle at top right,rgba(90,122,138,.28) 0,transparent 34%),radial-gradient(circle at bottom left,rgba(212,127,99,.18) 0,transparent 30%),linear-gradient(145deg,#1f1f1ff5,#1c2228f5 52%,#17191df5)}[data-theme=dark] .home-continue-item,[data-theme=dark] .home-stat-card,[data-theme=dark] .browse-card,[data-theme=dark] .home-browse-chip,[data-theme=dark] .home-browse-panel{background:linear-gradient(180deg,#1f1f1ff2,#181b1ff2)}[data-theme=dark] .nav-tab.active .nav-tab__icon{background:#d47f632e}[data-theme=dark] .browse-card__arrow{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .student-card{background:var(--color-surface-dark);border-color:var(--color-border)}[data-theme=dark] .student-card__header{background:var(--color-surface-dark)}[data-theme=dark] table{color:var(--color-primary)}[data-theme=dark] th{background:var(--color-surface-2)!important;color:var(--color-primary)!important}[data-theme=dark] tr{background:var(--color-surface-dark)!important}[data-theme=dark] tr:nth-child(2n){background:var(--color-surface-2)!important}[data-theme=dark] .type-tab{background:var(--color-surface-dark)}[data-theme=dark] .btn-secondary{background:var(--color-surface-dark);border-color:var(--color-border-md)}[data-theme=dark] .copy-btn{background:var(--color-surface-2)}@media print{.bottom-nav,.tn-bottom-nav,.app-header,.copy-btn,.lms-copy-btn,.btn-primary,.btn-secondary,.btn-ghost,.modal-overlay,.print-hide,.gradebook-print-hide,.ai-output-header{display:none!important}body{background:#fff;color:#000;font-family:var(--font-serif)}.tn-sheet,.ai-output{font-family:var(--font-serif);font-size:12pt;line-height:1.75;color:#000;background:#fff;box-shadow:none;border:none;padding:0}.print-letterhead{display:flex!important;justify-content:space-between;align-items:flex-end;padding-bottom:10pt;margin-bottom:18pt;border-bottom:1.5pt solid #2D3E50}@page{margin:1in;size:letter}.gradebook-print-zone table{width:100%;border-collapse:collapse;font-size:9pt}.gradebook-print-zone th,.gradebook-print-zone td{border:.5pt solid #999;padding:3pt 5pt;text-align:center}.gradebook-print-zone th{background:#f0f0f0!important;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact}.gradebook-print-zone .student-col{text-align:left;min-width:100pt;position:static!important}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translate(-50%) translateY(-14px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.page-enter,.view-enter{animation:fadeSlideUp var(--t-med) var(--ease)}.view-enter-left{animation:fadeSlideLeft var(--t-med) var(--ease)}.view-enter-right{animation:fadeSlideRight var(--t-med) var(--ease)}.kbd{display:inline-flex;align-items:center;padding:1px 5px;border:1px solid var(--color-border-md);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-soft);background:var(--color-surface-2);line-height:1.6}.paste-zone{position:relative}.paste-zone textarea{min-height:160px;font-family:var(--font-serif);font-size:15px;line-height:1.7;border-radius:var(--r-md)}.loading-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5);color:var(--ink-soft);font-size:.9rem}:root{--bp-sm: 640px;--bp-md: 1024px;--bp-lg: 1280px}@media (min-width: 1024px){:root{--content-max: 960px;--header-h: 60px}.main-content{padding:var(--sp-8) var(--sp-8)}}@media (min-width: 1280px){:root{--content-max: 1100px}}.tool-list{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}@media (min-width: 640px){.tool-list{grid-template-columns:1fr 1fr;gap:var(--sp-3)}}@media (min-width: 1024px){.tool-list{gap:var(--sp-4)}}.tool-list--single{grid-template-columns:1fr}.tool-card{display:flex;gap:var(--sp-4);align-items:center;padding:var(--sp-4) var(--sp-5);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast);-webkit-tap-highlight-color:transparent;min-height:var(--touch-target);width:100%}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tool-card:active{transform:translateY(0)}.tool-card__icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.tool-card__name{font-family:var(--font-sans);font-weight:600;color:var(--color-primary);font-size:.95rem;margin-bottom:3px}.tool-card__desc{font-size:.78rem;color:var(--ink-soft);line-height:1.4}@media (min-width: 640px){.tn-sheet,.ai-output{padding:var(--sp-8) var(--sp-8);font-size:1.0125rem}}@media (min-width: 1024px){.tn-sheet,.ai-output{padding:3rem 3.5rem;font-size:1.025rem;max-width:8.5in;margin-left:auto;margin-right:auto;border-radius:var(--r-md)}}@media (min-width: 1024px){.tool-header__text h2{font-size:1.3rem}.tool-header__icon{width:60px;height:60px;font-size:1.75rem}.card{padding:var(--sp-6)}}@media (min-width: 640px){.row>.field{min-width:160px}}@media (min-width: 1024px){.row>.field{min-width:180px}}.radio-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 480px){.radio-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.radio-grid{grid-template-columns:1fr 1fr 1fr}}.home-pillar-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}@media (min-width: 640px){.home-pillar-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.home-pillar-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--sp-4)}}@media (min-width: 640px){.modal{max-height:85dvh;max-width:560px}}@media (min-width: 1024px){.modal{max-height:80dvh;max-width:640px}}.praxis-chat-shell{display:flex;flex-direction:column;height:calc(100dvh - var(--header-h) - var(--nav-h) - var(--sp-10) - var(--sp-6));min-height:400px}@media (min-width: 640px){.praxis-chat-shell{height:calc(100dvh - var(--header-h) - var(--nav-h) - var(--sp-12) - var(--sp-8));max-height:680px}}@media (min-width: 1024px){.praxis-chat-shell{max-height:720px}}.gradebook-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);border:1px solid var(--color-border);background:var(--color-surface)}@media (min-width: 1024px){.gradebook-grid table{font-size:.9rem}.gradebook-grid th,.gradebook-grid td{padding:10px 14px}}@media (min-width: 1024px){.settings-tab-row{flex-direction:row;gap:var(--sp-2)}}@media (min-width: 1024px){.student-roster{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);align-items:start}.student-card--expanded{grid-column:1 / -1}}.library-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 640px){.library-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.library-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--sp-4)}}@media (min-width: 1024px){.home-top-row{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--sp-5);align-items:start}}@media (min-width: 640px){.modal-overlay .modal{border-radius:var(--r-xl);max-width:480px}}@media (min-width: 1024px){.pillar-section-label{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-left:var(--sp-4);border-left:3px solid var(--pillar-color, var(--color-accent))}}@media (min-width: 1280px){.tn-sheet,.ai-output{max-width:min(8.5in,100%)}}@media (hover: none){.tool-card:hover{box-shadow:none;transform:none}.tool-card:active{background:var(--color-surface-2)}.btn-primary:hover:not(:disabled){transform:none;box-shadow:0 1px 3px #c36b4d4d}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border:2.5px solid var(--color-accent);opacity:.6}}.home-dashboard{display:flex;flex-direction:column;gap:var(--sp-5)}.home-hero{display:flex;flex-direction:column;gap:var(--sp-5);padding:clamp(24px,4vw,38px);background:radial-gradient(circle at top right,rgba(174,198,207,.28) 0,transparent 34%),radial-gradient(circle at bottom left,rgba(212,127,99,.22) 0,transparent 30%),linear-gradient(145deg,#fffbf4fa,#f5efe4f2 48%,#ecf4fbf2);border:1px solid rgba(45,62,80,.1);position:relative;overflow:hidden}.home-hero:after{content:"";position:absolute;inset:auto -10% -35% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.46) 0%,transparent 68%);pointer-events:none}.home-hero__eyebrow,.home-panel__eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.home-hero h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:var(--sp-2)}.home-hero__text{max-width:44rem;color:var(--ink-soft);font-size:.98rem}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.home-dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}.home-panel{margin-bottom:0;position:relative;overflow:hidden}.home-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,62,80,.14),transparent)}.home-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.home-panel__header h2,.home-browse-panel__summary h2{font-size:1.08rem;margin:0}.home-continue-list{display:grid;gap:var(--sp-3)}.home-continue-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:var(--sp-4);border:1px solid rgba(45,62,80,.1);border-radius:16px;background:linear-gradient(180deg,#fffffff5,#f8f6f1f5);text-align:left;transition:box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.home-continue-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--border-md)}.home-continue-item__eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--amber)}.home-continue-item__title{font-weight:700;color:var(--ink)}.home-continue-item__detail{font-size:.82rem;color:var(--ink-soft)}.home-empty-state{display:flex;flex-direction:column;gap:var(--sp-3);color:var(--ink-soft)}.home-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.home-stat-card{display:flex;flex-direction:column;gap:2px;padding:var(--sp-4);border-radius:16px;background:linear-gradient(180deg,#fffffff0,#f4f1ebf2);border:1px solid rgba(45,62,80,.08);box-shadow:inset 0 1px #ffffff8c}.home-stat-card__label{font-size:.72rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.home-stat-card__value{font-size:1.5rem;line-height:1;color:var(--ink)}.home-stat-card__hint{font-size:.78rem;color:var(--ink-soft)}.home-due-list{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.home-due-list__header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-size:.78rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.home-due-item{display:grid;grid-template-columns:88px 1fr;gap:var(--sp-3);align-items:start;padding:var(--sp-3) 0}.home-due-item+.home-due-item{border-top:1px solid rgba(45,62,80,.08)}.home-due-item__date{font-size:.78rem;font-weight:700;color:var(--amber)}.home-due-item__title{font-weight:600;color:var(--ink);margin-bottom:2px}.home-due-item__detail{font-size:.78rem;color:var(--ink-soft)}.home-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.home-quick-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);min-height:116px;padding:var(--sp-4);border-radius:18px;border:1px solid color-mix(in srgb,var(--quick-tone) 22%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--quick-tone) 12%,white),color-mix(in srgb,var(--quick-tone) 7%,white));text-align:left;box-shadow:inset 0 1px #ffffff80;transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}.home-quick-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--quick-tone) 40%,white)}.home-quick-action__icon{font-size:1.35rem}.home-quick-action__label{font-weight:700;color:var(--ink);line-height:1.3}.home-browse-panel{padding:var(--sp-5);background:linear-gradient(180deg,#fffffff0,#f7f2eae6)}.home-browse-panel__summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);cursor:pointer}.home-browse-panel__summary::-webkit-details-marker{display:none}.home-browse-panel__hint{font-size:.8rem;color:var(--ink-soft);font-weight:600}.home-browse-groups{display:grid;gap:var(--sp-4);margin-top:var(--sp-5)}.home-browse-group__header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.home-browse-group__header h3{font-size:.92rem;margin:0}.home-browse-group__tools{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.home-browse-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;min-height:38px;border-radius:999px;border:1px solid rgba(45,62,80,.1);background:#ffffffeb;color:var(--ink);font-size:.82rem;font-weight:600;box-shadow:0 6px 16px #2d3e500d}@media (min-width: 768px){.home-dashboard-grid{grid-template-columns:1.1fr .9fr}.home-quick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 639px){.home-stats-grid,.home-quick-grid{grid-template-columns:1fr}.home-due-item{grid-template-columns:1fr;gap:4px}}@media (min-width: 1280px){:root{--content-max: 980px}}.main-content{padding-top:var(--sp-6);padding-bottom:calc(var(--sp-10) + env(safe-area-inset-bottom))}@media (min-width: 640px){.main-content{padding:var(--sp-8) var(--sp-6)}}.browse-page{display:flex;flex-direction:column;gap:var(--sp-6)}.browse-page .tool-header,.browse-subtle-note{margin-bottom:0}.browse-chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:calc(var(--sp-2) * -1)}.browse-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid rgba(45,62,80,.1);background:#fffc;color:var(--ink-soft);font-size:.76rem;font-weight:700;letter-spacing:.01em}.browse-group{display:flex;flex-direction:column;gap:var(--sp-4)}.browse-group__header{display:flex;align-items:flex-start;gap:var(--sp-3);padding:0 var(--sp-1)}.browse-group__header p{margin:4px 0 0;color:var(--ink-soft);font-size:.86rem;line-height:1.55}.browse-group__dot{width:10px;height:10px;margin-top:6px;border-radius:999px;flex-shrink:0}.browse-kicker{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-list{gap:var(--sp-3)}@media (min-width: 640px){.tool-list{gap:var(--sp-4)}}.browse-card{align-items:flex-start;padding:var(--sp-5);border-width:1px;box-shadow:none}.browse-card__icon,.browse-card .tool-card__icon{width:48px;height:48px;font-size:1.35rem}.browse-card__body{flex:1;min-width:0}.browse-card__title,.browse-card .tool-card__name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:6px;font-size:1rem;line-height:1.3}.browse-card__desc,.browse-card .tool-card__desc{font-size:.84rem;line-height:1.6;max-width:34rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-card__meta{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#eef4fb;border:1px solid #c9d9ee;color:#234260;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.browse-card__meta--soft{background:#eef7f2;border-color:#bddbc9;color:#21513a}.browse-card__arrow{align-self:center;color:var(--ink-soft);font-size:.88rem;flex-shrink:0}.tool-card:hover{border-color:var(--border-md)}.tool-header__text p{max-width:42rem}@media (max-width: 639px){.browse-page{gap:var(--sp-5)}.browse-card{padding:var(--sp-4)}.browse-card__desc,.browse-card .tool-card__desc{-webkit-line-clamp:3}}.app-icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.tool-card__icon svg,.tool-header__icon svg,.app-icon-wrap svg{display:block}.page-enter .card{padding:clamp(var(--sp-5),3vw,var(--sp-6));border-radius:var(--r-lg)}.page-enter .card+.card,.page-enter .card+.notice,.page-enter .notice+.card,.page-enter .card+.ai-output-shell{margin-top:var(--sp-5)}.field{gap:var(--sp-2)}.field label{font-size:.82rem;line-height:1.45}.field .hint,p.hint{max-width:58ch;font-size:.79rem;line-height:1.6}.row{gap:var(--sp-4);align-items:start}textarea{min-height:96px;line-height:1.6}select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],textarea{box-shadow:inset 0 1px 2px #00000005}.tool-header{margin-bottom:var(--sp-7)}.notice{padding:var(--sp-4) var(--sp-5)}.ai-output-shell{margin-top:var(--sp-6)}.ai-output-header{gap:var(--sp-3);margin-bottom:var(--sp-4)}.ai-output-actions{display:flex;gap:var(--sp-2);margin-left:auto;flex-wrap:wrap}.ai-badge{padding:7px 12px;background:color-mix(in srgb,var(--color-token) 42%,white);border-color:#2d3e501a;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:none}.copy-btn,.lms-copy-btn{padding:8px 12px;min-height:38px;font-size:.76rem}.copy-btn{background:#fff}@media (max-width: 639px){.page-enter .card{padding:var(--sp-5)}.tool-header{margin-bottom:var(--sp-6)}.ai-output-actions{margin-left:0;width:100%}.ai-output-actions>button{flex:1 1 calc(50% - var(--sp-2));justify-content:center}}.empty-state--compact{padding-top:var(--sp-8);padding-bottom:var(--sp-8)}.empty-state__icon--app{width:56px;height:56px;margin:0 auto var(--sp-4);border-radius:18px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--ink)}.empty-state__actions{display:flex;justify-content:center;gap:var(--sp-2);flex-wrap:wrap}.app-header__brand{display:inline-flex;align-items:baseline;gap:2px}.app-header__brand span{color:var(--amber)}.app-header__settings{background:#ffffff94;border:1px solid rgba(45,62,80,.08);cursor:pointer;padding:10px;border-radius:14px;color:var(--ink-soft);min-height:var(--touch-target);min-width:var(--touch-target);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);box-shadow:0 8px 20px #2d3e500f}.app-header__settings:hover{background:#ffffffeb;color:var(--ink);transform:translateY(-1px)}.ai-output-header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3)}.ai-output-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.ai-output-actions>button{border-radius:12px;font-weight:700;letter-spacing:.01em}.ai-output{border-radius:18px;padding:clamp(20px,3vw,34px) clamp(18px,3vw,32px)}.ai-output p,.ai-output li{line-height:1.82}.ai-output strong{color:var(--ink)}.copy-btn,.lms-copy-btn{background:#ffffffc7;border:1px solid rgba(45,62,80,.09);box-shadow:0 8px 18px #2d3e500d}.copy-btn:hover,.lms-copy-btn:hover{transform:translateY(-1px)}[data-theme=dark] .app-header__settings{background:#ffffff0a;border-color:#ffffff14;color:var(--color-primary-light)}[data-theme=dark] .app-header__settings:hover{background:#ffffff17;color:var(--color-primary)}[data-theme=dark] .copy-btn,[data-theme=dark] .lms-copy-btn{background:#ffffff0a;border-color:#ffffff14}.app-legal{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));min-height:var(--legal-h);display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:color-mix(in srgb,var(--color-surface) 74%,transparent);border-top:1px solid rgba(45,62,80,.05);color:var(--ink-soft);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);z-index:99}.app-legal__dot{opacity:.5}[data-theme=dark] .app-legal{background:#0a0a0ab8;border-top-color:#ffffff0f;color:var(--color-primary-light)}@media (max-width: 639px){.app-legal{font-size:.62rem;gap:6px;padding-left:10px;padding-right:10px}}