:root{--color-bg:#f6f7f4;--color-surface:#ffffff;--color-surface-alt:#eef1ea;--color-border:#d8ddd2;--color-text:#22281e;--color-text-muted:#6b7263;--color-primary:#2f6b3a;--color-primary-hover:#275a31;--color-primary-contrast:#ffffff;--color-accent:#b25e2a;--color-danger:#b3362b;--color-warning-bg:#fdf3d7;--color-warning-border:#e5c765;--color-warning-text:#7a5d00;--grade-green:#4d9e53;--grade-yellow:#d9b23c;--grade-brown:#9a6b3f;--grade-red:#c04434;--dir-up:#c04434;--dir-down:#3b6fb5;--dir-flat:#7d8577;--font-sans:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.2rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:8px;--radius-lg:14px;--shadow:0 1px 3px rgba(30,40,20,0.12);--shadow-lg:0 4px 16px rgba(30,40,20,0.16)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;height:100%}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--text-2xl);margin:0 0 var(--space-4)}h2{font-size:var(--text-xl);margin:0 0 var(--space-3)}h3{font-size:var(--text-lg);margin:0 0 var(--space-2)}.container{max-width:1100px;margin:0 auto}.card,.container{padding:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid transparent;background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-alt)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:#93291f}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.03em}.field{margin-bottom:var(--space-3)}.badge{display:inline-block;padding:0 var(--space-2);border-radius:99px;font-size:var(--text-xs);font-weight:600;background:var(--color-surface-alt);color:var(--color-text-muted)}.warning-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.error-text{color:var(--color-danger)}.error-text,.muted{font-size:var(--text-sm)}.muted{color:var(--color-text-muted)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.stack>*+*{margin-top:var(--space-3)}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header .logo{font-weight:800;font-size:var(--text-lg);color:var(--color-primary);letter-spacing:-.02em}.planner{display:grid;grid-template-columns:340px 1fr;grid-gap:0;gap:0;height:calc(100dvh - 53px)}.planner-sidebar{overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4)}.planner-main{display:flex;flex-direction:column;min-width:0}.planner-map{flex:1 1;min-height:0;position:relative}.planner-profile{height:170px;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3)}@media (max-width:800px){.planner{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto;min-height:calc(100dvh - 53px)}.planner-sidebar{order:2;border-right:none;border-top:1px solid var(--color-border);max-height:none}.planner-main{order:1;height:calc(100dvh - 53px)}.planner-profile{height:110px}.planner-sidebar{display:none}.planner-sidebar.sheet-open{display:block;position:fixed;bottom:0;left:0;right:0;max-height:72dvh;overflow-y:auto;z-index:60;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border);box-shadow:0 -6px 24px rgba(30,40,20,.25)}}.mobile-only{display:none!important}@media (max-width:800px){.mobile-only{display:inline-flex!important}}details.card>summary{cursor:pointer;font-weight:700;font-size:var(--text-lg);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}details.card>summary:before{content:"▸ ";color:var(--color-text-muted)}details.card[open]>summary:before{content:"▾ "}details.card>summary::-webkit-details-marker{display:none}details.card[open]>summary{margin-bottom:var(--space-3)}.follow-overlay{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:30;background:rgba(255,255,255,.94);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.follow-stat{text-align:center}.follow-stat .value{font-size:var(--text-xl);font-weight:800}.follow-stat .label-sm{font-size:var(--text-xs);color:var(--color-text-muted)}