:root{--ui:"Segoe UI Variable Display","Segoe UI Variable Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;--display:var(--ui);--pop:#c2410c;--pop-soft:color-mix(in srgb,#f97316 26%,transparent);--r-xs:8px;--r-s:12px;--r-m:16px;--r-l:22px;--side:268px;--content:1120px;--tap:44px;--line:color-mix(in srgb,var(--border) 38%,var(--surface));--tint:color-mix(in srgb,var(--accent) 8%,var(--surface));--tint-strong:color-mix(in srgb,var(--accent) 15%,var(--surface));--ring:color-mix(in srgb,var(--accent) 38%,transparent);--ease:cubic-bezier(.2,.7,.2,1);--shadow:none}:root[data-mode=dark]{--pop:#fb923c;--pop-soft:color-mix(in srgb,#fb923c 30%,transparent)}::selection{background:color-mix(in srgb,var(--pop) 30%,transparent)}html{scrollbar-color:var(--line) transparent;scrollbar-width:thin}body{background-color:var(--bg);background-image:none;font:16px/1.55 var(--ui);letter-spacing:0;color:var(--text);padding-left:0}h1,h2,h3,h4,.brand,.price{font-family:var(--ui);font-weight:750;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}.muted{font-size:16px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pop);display:inline-flex;gap:8px;align-items:center}.eyebrow:before{content:none}.beta-banner{font-size:12.5px;padding:8px 16px;background:var(--pop);color:#fff;border:0}:root[data-mode=dark] .beta-banner{background:color-mix(in srgb,var(--pop) 22%,var(--bg));color:var(--text)}button,.button-link{min-height:var(--tap);padding:0 18px;font:650 15px/1 var(--ui);border-radius:var(--r-s);border:2px solid var(--border);background:var(--surface);color:var(--text);box-shadow:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .12s var(--ease)}button:hover:not(:disabled){background:var(--tint);border-color:var(--accent)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.primary,.button-link.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:none}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000);border-color:transparent}.plain,button.plain{background:transparent;border-color:transparent;color:var(--muted)}.plain:hover:not(:disabled),button.plain:hover:not(:disabled){background:var(--tint-strong);border-color:transparent;color:var(--text)}.dialog-close{min-width:40px;min-height:40px;padding:0;border-radius:999px;font-size:22px}input[type=email],input[type=password],input[type=search],input[type=text],input[type=number],input[type=date],input[type=time],textarea,select,.school-page input:not([type=checkbox]),.school-dialog input:not([type=hidden]),.school-dialog select,.tools-page input:not([type=checkbox]),.tools-page textarea,.tools-page select,.tools-panel select{min-height:var(--tap);padding:10px 14px;font:500 16px var(--ui);border-radius:var(--r-s);border:2px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}label{font-weight:600}:focus-visible{outline:3px solid var(--accent)!important;outline-offset:2px;border-radius:8px}.tools-panel,.school-panel,.assistant-panel,.exam-section,.dashboard-widget,.dashboard-editor,.dashboard-tile,.plan-card,.notice,.exam-sidebar{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-m);box-shadow:none}.tools-panel{padding:24px;margin-bottom:16px}.tools-panel h2,.tools-heading h2{font:750 22px/1.25 var(--ui);letter-spacing:-.02em}.tools-panel h3,.today-columns h3{font:700 18px/1.3 var(--ui);letter-spacing:-.01em}.today-top h2{font:800 30px/1.15 var(--ui);letter-spacing:-.03em}.card-review h3{font:700 24px/1.4 var(--ui)}.card-answer{background:var(--tint);border-radius:var(--r-s)}.notice{background:var(--tint);border-color:var(--accent)}.tools-record,.tools-row{border-bottom:2px solid var(--line)}.tools-record:last-child,.tools-row:last-child{border-bottom:0}.page-heading{padding:28px 0 12px}.page-heading h1,.exam-head h1{font-size:clamp(32px,4.2vw,48px);line-height:1.08;font-weight:800;letter-spacing:-.035em}.tools-page{margin:28px auto 64px}.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--tint-strong)}.tabs button{min-height:38px;border:0;background:transparent;border-radius:999px;color:var(--muted)}.tabs button[aria-selected=true],.tabs button.active{background:var(--surface);color:var(--text)}dialog{border:2px solid var(--line);border-radius:var(--r-l);padding:28px;background:var(--surface);color:var(--text);box-shadow:0 30px 80px -20px color-mix(in srgb,#000 45%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--text) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog[open]{animation:pop .22s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:left}th,td{padding:12px 14px;border-bottom:2px solid var(--line)}main{max-width:var(--content);margin-inline:auto;padding:0 clamp(16px,3.5vw,40px)}.back-bar{max-width:var(--content);margin-inline:auto;padding:16px clamp(16px,3.5vw,40px) 0}.back-bar button{min-height:36px;padding:0 12px;margin-left:-12px;border-color:transparent;background:transparent;color:var(--muted)}.back-bar button:hover:not(:disabled){background:var(--tint-strong);border-color:transparent}.school-portal{padding:clamp(24px,4vw,48px) 0 64px}.portal-heading h1{font-size:clamp(38px,5.6vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.045em;margin:12px 0 16px;max-width:16ch}.portal-heading h1 em{font-style:normal;font-weight:800;color:var(--text);background:linear-gradient(transparent 60%,var(--pop-soft) 60% 92%,transparent 92%);padding:0 .08em;margin:0 -.08em}.portal-heading .muted{font-size:18px;max-width:48ch}.portal-tools-head{margin-top:40px;align-items:end}.portal-tools-head h2{font-size:24px;font-weight:800}.portal-login{background:var(--tint-strong);border:2px solid var(--accent);border-radius:var(--r-m)}.portal-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:16px 0 32px}.portal-tool{--h:170;grid-column:span 2;min-height:200px;padding:24px;border-radius:var(--r-l);border:2px solid transparent;background:hsl(var(--h) 70% 93%);color:hsl(var(--h) 45% 14%);box-shadow:none;transition:transform .2s var(--ease),border-color .2s}:root[data-mode=dark] .portal-tool{background:hsl(var(--h) 28% 17%);color:hsl(var(--h) 60% 94%)}.portal-tool:nth-child(6n+1){--h:172}.portal-tool:nth-child(6n+2){--h:262}.portal-tool:nth-child(6n+3){--h:24}.portal-tool:nth-child(6n+4){--h:212}.portal-tool:nth-child(6n+5){--h:336}.portal-tool:nth-child(6n+6){--h:48}.portal-tool:after{content:none}.portal-tool h2{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:14px 0 6px;color:inherit}.portal-tool p{font-size:15px;line-height:1.5;margin-bottom:18px;color:inherit;opacity:.78}.portal-tool .tool-icon svg{width:36px;height:36px;padding:10px;box-sizing:content-box;border-radius:14px;background:hsl(var(--h) 70% 38%);color:#fff}:root[data-mode=dark] .portal-tool .tool-icon svg{background:hsl(var(--h) 75% 70%);color:hsl(var(--h) 60% 12%)}.tool-open{font-size:14.5px;font-weight:750;color:inherit;display:inline-flex;gap:6px;align-items:center}.portal-tool:nth-child(1),.portal-tool.tool-eigenhand{grid-column:span 3;min-height:240px}.tool-eigenhand,:root[data-mode=dark] .tool-eigenhand{background:var(--accent);color:var(--on-accent)}.tool-eigenhand p,.tool-eigenhand .tool-open{color:var(--on-accent);opacity:.9}.tool-eigenhand .tool-icon{background:var(--on-accent)}@media(hover:hover){.portal-tool:hover{transform:translateY(-4px);border-color:currentColor}.tool-eigenhand:hover{background:var(--accent)}}footer{max-width:var(--content);margin:48px auto 0;padding:28px clamp(16px,3.5vw,40px) 48px;border-top:2px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:14px;color:var(--muted)}footer p{flex:1 1 220px;margin:0}footer a{color:var(--muted);text-decoration:none;padding:6px 2px;border-bottom:2px solid transparent}footer a:hover{color:var(--text);border-bottom-color:var(--pop)}footer .brand{font-size:19px;color:var(--text)}.appearance-choice{border:2px solid var(--line);border-radius:var(--r-m)}.appearance-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.legal-page{max-width:760px;margin-inline:auto;line-height:1.75}.coming-soon-badge{font-size:10.5px!important;padding:2px 8px;border-radius:999px;background:var(--pop);color:#fff;letter-spacing:.03em}header{background:var(--surface);border-bottom:2px solid var(--line);padding:10px clamp(14px,3vw,28px);-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0;z-index:50}.brand{font-size:22px;font-weight:800;gap:10px;letter-spacing:-.03em}.brand span{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted)}.brand-mark,.ts-logo{width:34px;height:34px;border-radius:10px}header nav{gap:4px}header nav>a,header nav .app-navigation a{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:12px;font-weight:650;font-size:15px;color:var(--muted);text-decoration:none;border:0;transition:background-color .15s,color .15s}header nav>a:hover,header nav .app-navigation a:hover{background:var(--tint-strong);color:var(--text)}header nav a[aria-current=page]{background:var(--accent);color:var(--on-accent)}.app-navigation{display:flex;gap:2px}.lang-switch{display:inline-flex;padding:3px;border-radius:12px;background:var(--tint-strong);gap:2px}.lang-switch button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.lang-switch button[aria-pressed=true]{background:var(--surface);color:var(--text)}.textsize-toggle{min-width:42px;padding:0;border-radius:12px;border-color:transparent;background:var(--tint-strong)}@media(min-width:768px){body{padding-left:var(--side)}header{position:fixed;inset:0 auto 0 0;width:var(--side);height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:22px 16px 18px;border-bottom:0;border-right:2px solid var(--line);gap:18px}.brand{padding:0 8px;flex-wrap:wrap}.brand span{display:block;margin:2px 0 0}header nav{flex:1;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:flex-start;gap:2px;width:auto}.app-navigation{flex-direction:column;align-items:stretch;order:-1}header nav .app-navigation[hidden]{display:none}header nav>a,header nav .app-navigation a,header nav>button:not(.textsize-toggle){justify-content:flex-start}header nav .app-navigation a:last-child{margin-top:8px}.lang-switch{order:50;margin-top:auto;align-self:stretch}.lang-switch button{flex:1}.textsize-toggle{order:51;align-self:stretch;min-height:40px}#signin,#logout{order:52}#signin{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}#logout{justify-content:center}.back-bar{padding-top:20px}}@media(max-width:767px){header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;min-height:60px}.brand{font-size:20px;gap:10px}.brand span{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border-radius:14px;background:var(--tint-strong);border-color:transparent;color:var(--text)}.nav-toggle:before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:var(--ic-menu) center/contain no-repeat;mask:var(--ic-menu) center/contain no-repeat}header.nav-open .nav-toggle{background:var(--accent);color:var(--on-accent)}header.nav-open .nav-toggle:before{-webkit-mask-image:var(--ic-close);mask-image:var(--ic-close)}header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;padding:12px 14px 16px;background:var(--surface);border-bottom:2px solid var(--line);max-height:calc(100dvh - 60px);overflow-y:auto;box-shadow:0 24px 40px -20px color-mix(in srgb,#000 40%,transparent)}header.nav-open nav{display:flex}header nav .app-navigation{display:flex;flex-direction:column;align-items:stretch;gap:2px;order:-1}header nav .app-navigation[hidden]{display:none}header nav>a,header nav .app-navigation a{min-height:48px;padding:0 14px;font-size:16px;justify-content:flex-start}header nav .app-navigation a:last-child{margin-top:6px}header nav>*{flex:none}.lang-switch{order:50;margin-top:10px;align-self:stretch}.lang-switch button{flex:1;min-height:42px}.textsize-toggle{order:51;align-self:stretch;min-height:44px;margin-top:6px}#signin,#logout,#admin-nav,#bell{order:52;margin-top:6px;min-height:48px}#signin{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}}@media(min-width:768px){.nav-toggle{display:none}}@media(max-width:800px){.tools-columns,.today-columns{grid-template-columns:1fr}}@media(max-width:620px){.portal-tool,.portal-tool:nth-child(1),.portal-tool.tool-eigenhand{grid-column:1/-1;min-height:0;padding:20px}.portal-heading h1{max-width:none}dialog{padding:20px;border-radius:var(--r-m);max-width:calc(100vw - 24px)}.tools-panel{padding:18px}footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.portal-tool,.tool-open:after,button{transition:none}}@media(forced-colors:active){.portal-tool,.tools-panel,button,input,dialog{border:2px solid CanvasText}}@media(min-width:1024px)and (max-width:1279px){:root{--side:232px}header{padding-inline:12px}}@media(min-width:768px)and (max-width:1023px){:root{--side:84px}header{padding:16px 8px;align-items:center;gap:14px}.brand{padding:0;justify-content:center;font-size:0;gap:0}.brand span:not(.ts-logo){display:none}header nav>a,header nav .app-navigation a{font-size:0;gap:0;justify-content:center;padding:0;min-height:48px;width:100%;border-radius:14px}header nav a[data-route]:before{width:24px;height:24px}.coming-soon-badge{display:none}.lang-switch{flex-direction:column;width:100%}.lang-switch button{min-height:38px;padding:0;font-size:13px}.textsize-toggle{width:100%;min-width:0}#signin,#logout{font-size:12px;padding:0 2px;min-height:42px;width:100%}header nav .app-navigation a:last-child{margin-top:6px}}@media(hover:none){button,.button-link,header nav a{min-height:44px}}header nav a[data-route]:before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}header nav a[href="/dashboard"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='3'%20width='7'%20height='7'%20rx='1'/%3E%3Crect%20x='14'%20y='3'%20width='7'%20height='7'%20rx='1'/%3E%3Crect%20x='14'%20y='14'%20width='7'%20height='7'%20rx='1'/%3E%3Crect%20x='3'%20y='14'%20width='7'%20height='7'%20rx='1'/%3E%3C/svg%3E")}header nav a[href="/eigenhand"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2020h9'/%3E%3Cpath%20d='M16.5%203.5a2.1%202.1%200%20013%203L7%2019l-4%201%201-4z'/%3E%3C/svg%3E")}header nav a[href="/stundenplan"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='18'%20rx='2'/%3E%3Cpath%20d='M16%202v4M8%202v4M3%2010h18'/%3E%3C/svg%3E")}header nav a[href="/aufgaben"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2011l3%203L22%204'/%3E%3Cpath%20d='M21%2012v7a2%202%200%2001-2%202H5a2%202%200%2001-2-2V5a2%202%200%20012-2h11'/%3E%3C/svg%3E")}header nav a[href="/lernplan"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M12%206v6l4%202'/%3E%3C/svg%3E")}header nav a[href="/klausurraum"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%203h6a4%204%200%20014%204v14a3%203%200%2000-3-3H2z'/%3E%3Cpath%20d='M22%203h-6a4%204%200%2000-4%204v14a3%203%200%20013-3h7z'/%3E%3C/svg%3E")}header nav a[href="/noten"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M18%2020V10M12%2020V4M6%2020v-6'/%3E%3C/svg%3E")}header nav a[href="/lernkarten"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202L2%207l10%205%2010-5z'/%3E%3Cpath%20d='M2%2017l10%205%2010-5M2%2012l10%205%2010-5'/%3E%3C/svg%3E")}header nav a[href="/packliste"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='2'%20y='7'%20width='20'%20height='14'%20rx='2'/%3E%3Cpath%20d='M16%2021V5a2%202%200%2000-2-2h-4a2%202%200%2000-2%202v16'/%3E%3C/svg%3E")}header nav a[href="/diagramme"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%203v18h18'/%3E%3Cpath%20d='M7%2015l4-4%203%203%205-6'/%3E%3C/svg%3E")}header nav a[href="/account"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2021v-2a4%204%200%2000-4-4H8a4%204%200%2000-4%204v2'/%3E%3Ccircle%20cx='12'%20cy='7'%20r='4'/%3E%3C/svg%3E")}header nav a[href="/plans"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.6%2013.4l-7.2%207.2a2%202%200%2001-2.8%200L2%2012V2h10l8.6%208.6a2%202%200%20010%202.8z'/%3E%3Ccircle%20cx='7'%20cy='7'%20r='1.5'/%3E%3C/svg%3E")}@media(max-width:1023px){.tools-columns,.today-columns{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.today-columns>.tools-panel{margin-bottom:0}.tools-page select,.tools-panel select{min-width:0}}@media(max-width:1023px)and (min-width:621px){.today-columns{grid-template-columns:repeat(3,1fr)}}.button-link,a.primary{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}h1,h2,h3,h4,h1 em,h2 em,h3 em,.lead,.welcome em,.price,summary{font-family:var(--ui)!important}.welcome h1 em,.page-heading h1 em,.diagram-page h1 em{font-style:normal;background:linear-gradient(transparent 60%,var(--pop-soft) 60% 92%,transparent 92%);padding:0 .08em;margin:0 -.08em}.welcome h1{font-size:clamp(38px,5.6vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.045em}:root{--ic-menu:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%3E%3Cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3E%3C/svg%3E");--ic-close:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012M18%206L6%2018'/%3E%3C/svg%3E")}.method-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 32px}.method-card{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:var(--r-l);border:2px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;transition:transform .2s var(--ease),border-color .2s,background-color .2s}.method-card h2{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:4px 0 0}.method-card p{color:var(--muted);margin:0 0 12px}.method-go{margin-top:auto;font-weight:750;color:var(--accent)}.method-card:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.method-card:first-child .eyebrow,.method-card:first-child p,.method-card:first-child .method-go{color:var(--on-accent);opacity:.92}@media(hover:hover){.method-card:hover{transform:translateY(-3px);border-color:var(--accent)}}.back-link{padding:16px 0 0}.back-link a{display:inline-flex;align-items:center;min-height:40px;color:var(--muted);text-decoration:none;font-weight:650}.back-link a:hover{color:var(--text)}.upload-step{display:flex;flex-direction:column;gap:14px;padding:26px;margin:0 0 16px;border:2px solid var(--line);border-radius:var(--r-m);background:var(--surface)}.upload-step h2{margin:6px 0 0}#profile-goodnotes-page .profile-section{display:flex;flex-direction:column;gap:16px;border:0;padding:0}#profile-goodnotes-page .profile-section>div:first-child{padding:26px;border:2px solid var(--line);border-radius:var(--r-m);background:var(--surface)}@media(max-width:700px){.method-choice{grid-template-columns:1fr}.method-card{padding:22px}.upload-step{padding:20px}}:root[data-mode=dark] .coming-soon-badge{color:#2a1200}.diagram-mobile-tabs button[aria-selected=true],.diagram-mobile-tabs button[aria-pressed=true],.diagram-type-tabs button[aria-pressed=true],.diagram-viewport-tools button[aria-pressed=true],.browser-sheet-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.download-link,.dashboard-widget-link{display:inline-flex;align-items:center;min-height:44px}.brand{min-height:44px;display:inline-flex;align-items:center}input[type=range]{min-height:32px;touch-action:manipulation;accent-color:var(--accent)}:root{--pop:#ae3609}:root[data-mode=dark]{--pop:#fb923c}.notice,.coming-soon-label{color:var(--text)}.dashboard-tile.featured p,.dashboard-tile.featured .tile-status,.dashboard-tile.featured span{color:var(--on-accent);opacity:1}.lang-switch button,.textsize-toggle{color:var(--text)}input[type=file]{min-height:48px;padding:8px 10px;width:100%;border:2px dashed var(--border);border-radius:var(--r-s);background:var(--surface);color:var(--text);font:500 15px var(--ui);cursor:pointer}input[type=file]::file-selector-button{min-height:32px;margin-right:12px;padding:0 14px;border:2px solid var(--border);border-radius:10px;background:var(--tint);color:var(--text);font:650 14px var(--ui);cursor:pointer}input[type=file]:hover{border-color:var(--accent)}.pro-banner{padding:10px 16px;text-align:center;font-size:14px;line-height:1.5;background:var(--accent);color:var(--on-accent);font-weight:500}.pro-banner strong{font-weight:800;margin-right:4px}@media(max-width:620px){.pro-banner{font-size:13px;padding:9px 14px}}