:root {
  --bg:#f5f1ea; --surface:#fffdf9; --surface-2:#efe8de; --border:#ddd5c9;
  --accent:#8b7355; --text:#1f1b17; --muted:#6f675e; --danger:#b33c38;
  --shadow:0 16px 45px rgba(45,36,27,.08); --radius:15px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif} body,main{min-width:0} button,input,select,textarea{font:inherit}[hidden]{display:none!important} button,a{-webkit-tap-highlight-color:transparent} button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(139,115,85,.25);outline-offset:2px}
body.welcome-open{overflow:hidden}
.site-header{position:sticky;top:0;z-index:100;min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:max(.7rem,env(safe-area-inset-top)) clamp(1rem,4vw,2.5rem) .7rem;border-bottom:1px solid var(--border);background:rgba(245,241,234,.96);backdrop-filter:blur(14px)}
.logo{color:var(--accent);font-family:"DM Serif Display",Georgia,serif;font-size:1.08rem;text-decoration:none}.main-nav{display:flex;justify-content:center;gap:1.5rem}.main-nav a{color:var(--muted);font-size:.78rem;font-weight:600;text-decoration:none}.main-nav a:hover{color:var(--text)}.header-tools{display:flex;align-items:center;gap:.45rem}.install-btn{min-height:38px;padding:.4rem .7rem;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#fff;cursor:pointer;font-size:.72rem;font-weight:700}
.eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.auth-gate{width:min(460px,calc(100% - 2rem));min-height:calc(100vh - 62px);display:grid;place-items:center;margin:0 auto;padding:2.3rem 0 4rem}.auth-panel{width:100%;text-align:center}.auth-icon{font-size:2.5rem}.auth-panel h1,.hero h1,.section-head h2{margin:0;font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.025em}.auth-panel h1{font-size:clamp(2.4rem,8vw,3.4rem)}.auth-lead{margin:.65rem auto 1.25rem;color:var(--muted);font-size:.84rem;line-height:1.6}.auth-card{display:grid;gap:.62rem;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:left}.auth-card label{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.auth-card input{width:100%;padding:.78rem .82rem;border:1px solid var(--border);border-radius:10px;background:#fbf8f3;color:var(--text)}.field-help{margin:-.25rem 0 .15rem;color:var(--muted);font-size:.67rem;line-height:1.45}.primary-btn{min-height:44px;margin-top:.2rem;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700}.primary-btn:disabled{opacity:.6;cursor:wait}.text-btn{margin:.15rem auto 0;border:0;background:transparent;color:#715b43;cursor:pointer;font-size:.72rem;font-weight:600}.form-error{display:none;margin:0;padding:.65rem;border:1px solid rgba(179,60,56,.22);border-radius:9px;background:#fff0ee;color:var(--danger);font-size:.72rem;line-height:1.4}.form-error.visible{display:block}
.page-width{width:min(1100px,calc(100% - 2.5rem));margin-inline:auto}.hero{position:relative;width:min(1100px,calc(100% - 2.5rem));margin:0 auto;padding:3.4rem 0 2.5rem;overflow:hidden}.hero h1{font-size:clamp(2.9rem,7vw,4.7rem);line-height:1.05}.hero h1 em{color:var(--accent);font-style:italic}.hero-sub{max-width:520px;margin:1rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.7}.hero-deco{position:absolute;right:0;top:2.5rem;color:rgba(139,115,85,.07);font-family:"DM Serif Display",serif;font-size:clamp(6rem,14vw,10rem);pointer-events:none}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}.dashboard-card,.finder,.subjects{padding:1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-head h2{font-size:1.35rem}.section-head>a,.section-head>span{color:var(--muted);font-size:.7rem;text-decoration:none}.compact-list{display:grid;gap:.45rem;margin-top:.85rem}.compact-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .7rem;border:1px solid var(--border);border-radius:10px;background:#fbf8f3;color:var(--text);text-align:left;text-decoration:none}.compact-kind{min-width:38px;color:var(--accent);font-size:.64rem;font-weight:700}.compact-main{min-width:0;display:grid;gap:.15rem}.compact-main strong,.compact-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-main strong{font-size:.76rem}.compact-main span{color:var(--muted);font-size:.64rem}.compact-date{color:var(--muted);font-size:.62rem}.complete-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:#fff;cursor:pointer}.complete-btn.done{border-color:#4c8a5b;background:#e7f3e9;color:#2d7040}.empty-copy{margin:.5rem 0;color:var(--muted);font-size:.74rem;line-height:1.5}
.finder{margin-bottom:.8rem}.finder-head{align-items:center}.finder-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.finder-chips button{padding:.42rem .62rem;border:1px solid var(--border);border-radius:999px;background:#fbf8f3;color:var(--muted);cursor:pointer;font-size:.66rem;font-weight:600}.global-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;margin-top:.9rem;padding:0 .7rem;border:1px solid var(--border);border-radius:11px;background:#fbf8f3;color:var(--muted)}.global-search input{min-height:45px;border:0;background:transparent;color:var(--text);outline:0}.global-search button{width:30px;height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer}.finder-results{display:grid;gap:.6rem;margin-top:.8rem}.result-group h3{margin:.2rem 0 .4rem;color:var(--muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.result-list{display:grid;gap:.35rem}.result-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.62rem .7rem;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);font-size:.73rem;text-decoration:none}.result-item span{color:var(--muted);font-size:.64rem}
.feature-wrap{display:grid;gap:.8rem;margin-bottom:.8rem}.primary-navigation{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.feature-banner{--feature:#c8860a;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem 1.35rem;overflow:hidden;border:1px solid #d5cabd;border-radius:var(--radius);background:#ece4d9;color:var(--text);text-decoration:none}.feature-banner:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--feature)}.feature-banner:hover{border-color:color-mix(in srgb,var(--feature) 45%,var(--border));background:#e8ded1;transform:translateY(-1px)}.feature-icon{font-size:1.7rem}.feature-banner>span:nth-child(2){min-width:0;display:grid;gap:.15rem}.feature-banner small{color:var(--feature);font-size:.61rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.feature-banner strong{font-family:"DM Serif Display",serif;font-size:1.12rem;font-weight:400}.feature-banner span span{color:var(--muted);font-size:.75rem;line-height:1.5}.feature-banner>b{color:var(--feature)}.subjects-banner{--feature:#4e7b66}.notes-banner{--feature:#74649b}
.subjects{margin-bottom:1rem}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem;margin-top:1rem}.subject-card{min-height:145px;display:flex;flex-direction:column;gap:.55rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:#fbf8f3;color:var(--text);text-decoration:none}.subject-card:hover{border-color:var(--card-color,var(--accent));transform:translateY(-1px)}.subject-card.inactive{opacity:.5}.subject-top{display:flex;justify-content:space-between}.subject-icon{font-size:1.35rem}.subject-tag{padding:.15rem .4rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.58rem}.subject-card h3{margin:0;font-size:.87rem}.subject-card p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.5}.subject-pills{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.subject-pills span{padding:.12rem .35rem;border-radius:4px;background:#eee7de;color:var(--muted);font-size:.58rem}.disclaimer{margin-bottom:2rem;color:var(--muted);font-size:.7rem;line-height:1.6}
.site-footer{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;padding:1.15rem;border-top:1px solid var(--border);color:var(--muted);font-size:.7rem}.site-footer button{padding:.34rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:.68rem;font-weight:600}.quick-create{position:fixed;right:1.2rem;bottom:max(1.2rem,env(safe-area-inset-bottom));z-index:120;width:50px;height:50px;border:0;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 10px 28px rgba(45,36,27,.25);cursor:pointer;font-size:1.6rem}.quick-menu{position:fixed;right:1.2rem;bottom:max(4.8rem,calc(env(safe-area-inset-bottom) + 4.8rem));z-index:121;display:grid;gap:.35rem;padding:.45rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.quick-menu a{padding:.65rem .75rem;border-radius:8px;color:var(--text);font-size:.72rem;text-decoration:none}.quick-menu a:hover{background:var(--surface-2)}
.install-popup{position:fixed;right:1rem;top:max(4.8rem,calc(env(safe-area-inset-top) + 4.8rem));z-index:800;width:min(360px,calc(100% - 1.5rem));padding:1rem 1.1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);font-size:.75rem}.install-popup button{position:absolute;right:.6rem;top:.6rem;border:0;background:transparent;cursor:pointer}.install-popup p{margin:.4rem 0 0;color:var(--muted);line-height:1.55}.page-toast{position:fixed;right:1rem;top:max(4.8rem,calc(env(safe-area-inset-top) + 4.8rem));z-index:1700;width:max-content;max-width:min(390px,calc(100% - 2rem));padding:.7rem 1rem;border-radius:12px;background:var(--text);color:#fff;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.2s;font-size:.72rem;line-height:1.45}.page-toast.show{opacity:1;transform:translateY(0)}.loading-layer{position:fixed;inset:0;z-index:1300;display:grid;place-content:center;gap:.7rem;background:rgba(245,241,234,.9);color:var(--muted);text-align:center;font-size:.76rem;backdrop-filter:blur(4px)}.spinner{width:32px;height:32px;margin:auto;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.welcome-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:1rem;background:rgba(31,27,23,.46);backdrop-filter:blur(6px)}.welcome-card{width:min(510px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.35rem 1.55rem 1.55rem;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:0 24px 80px rgba(31,27,23,.25);text-align:center}.onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.onboarding-top>strong{color:var(--muted);font-size:.7rem}.onboarding-skip{margin:0}.welcome-icon{margin-bottom:.35rem;font-size:2.4rem}.welcome-card h2{margin:0;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.8rem,6vw,2.35rem);font-weight:400;line-height:1.12}.welcome-card>p:not(.eyebrow){min-height:4.2rem;margin:.9rem auto 0;color:var(--muted);font-size:.82rem;line-height:1.65}.onboarding-dots{display:flex;justify-content:center;gap:.35rem;margin:1rem 0}.onboarding-dots span{width:7px;height:7px;border-radius:50%;background:var(--border)}.onboarding-dots span.active{width:20px;border-radius:999px;background:var(--accent)}.onboarding-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem}.onboarding-actions .primary-btn{width:100%;margin:0}.secondary-onboarding-btn{min-height:44px;padding:.65rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:700}
@media(max-width:760px){.site-header{grid-template-columns:auto 1fr auto;padding-left:.8rem;padding-right:.8rem}.main-nav{display:none!important}.header-tools{gap:.3rem}.install-btn span{display:none}.hero{padding-top:2.6rem}.primary-navigation{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.finder-head{align-items:flex-start;flex-direction:column}.finder-chips{justify-content:flex-start}.feature-banner span span{display:none}.page-width,.hero{width:min(100% - 1.4rem,1100px)}.subject-grid{grid-template-columns:1fr 1fr}.quick-create{right:.85rem}.install-popup,.page-toast{right:.7rem;top:max(4.4rem,calc(env(safe-area-inset-top) + 4.4rem));max-width:calc(100% - 1.4rem)}}
@media(max-width:430px){.subject-grid{grid-template-columns:1fr}.compact-date{display:none}.feature-banner{padding:1.05rem}.hero-deco{display:none}}

.primary-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}
.trip-banner{--feature:#a46648}
@media(max-width:1080px){.primary-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.primary-navigation{grid-template-columns:1fr}}
#faecher.subjects,#faecher.subjects+.disclaimer{display:none!important}

.register-callout {
  display: grid;
  gap: .45rem;
  margin-top: .55rem;
  padding: 1rem;
  border: 1px solid rgba(139, 115, 85, .42);
  border-radius: 12px;
  background: #f0e8dc;
  text-align: center;
}

.register-callout strong {
  font-family: "DM Serif Display", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 400;
}

.register-callout span {
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.5;
}

.register-start-btn {
  min-height: 46px;
  margin-top: .15rem;
  border: 1px solid var(--accent-dark);
  border-radius: 10px;
  background: var(--surface);
  color: var(--accent-dark);
  cursor: pointer;
  font-size: .9rem;
  font-weight: 800;
}

.register-start-btn:hover {
  background: var(--accent);
  color: #fff;
}

.spam-help {
  margin-top: .1rem;
  padding: .7rem .75rem;
  border: 1px solid rgba(184, 73, 103, .26);
  border-radius: 9px;
  background: #fff0f4;
  color: #7e3046;
}
.forgot-password-btn {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 42px;
  margin-top: .1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #f7f2eb;
  color: #715b43;
  cursor: pointer;
  font-size: .76rem;
  font-weight: 700;
  touch-action: manipulation;
}
.forgot-password-btn:hover {
  border-color: var(--accent);
  background: #efe6da;
}
.forgot-password-btn:disabled {
  cursor: wait;
  opacity: .6;
}
.form-error.success {
  border-color: rgba(47, 122, 67, .24);
  background: #edf8f0;
  color: #2f7a43;
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.compact-main{color:var(--text);text-decoration:none}