.phone-nav{display:none}.view-mode-toggle[hidden]{display:none}
.phone-sync{display:none}.phone-mode .phone-sync.offline{display:block;color:var(--accent);background:var(--panel);padding:12px 20px;font-size:13px;line-height:1.5}
.phone-mode .sidebar,.phone-mode .workspace>footer{display:none}
.phone-mode .shell{display:block;min-height:100dvh}
.phone-mode .topbar{position:sticky;top:0;z-index:10;background:var(--bg);gap:8px;padding:8px 16px;min-height:56px}
.phone-mode #breadcrumb{margin-right:auto;font-size:12px}.phone-mode .topbar button{min-height:44px;white-space:nowrap;padding:6px}
.phone-mode #main{padding:20px 20px calc(100px + env(safe-area-inset-bottom));max-width:640px;margin:auto}
.phone-mode .phone-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--panel);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px}
.phone-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;justify-content:center;color:var(--muted);font-size:11px}.phone-nav a>span{font-size:22px;line-height:1}.phone-nav a[aria-current]{color:var(--accent)}
.phone-nav>button{width:48px;height:48px;justify-self:center;border:0;background:var(--accent);color:var(--bg);border-radius:16px;font-size:30px;padding:0}
.phone-mode.mobile-editing .phone-nav{display:none}.phone-mode.mobile-editing #main{padding-bottom:24px}
.phone-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 24px}.phone-heading h1{font-size:28px;letter-spacing:-.5px;margin:0;line-height:1.35}.phone-heading p{margin:8px 0 0;color:var(--muted);font-size:14px}
.phone-chat-link{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);font-size:15px;margin-bottom:28px}
.phone-mode .section{margin-bottom:28px}.phone-mode .section-head{gap:8px;margin-bottom:8px;flex-wrap:wrap}.phone-mode .section-head h2{font-size:16px}.phone-mode .section-head a{min-height:44px;display:flex;align-items:center;font-size:14px}
.phone-task{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.phone-task>div{min-width:0;flex:1}.phone-task .task-title{font-size:16px;line-height:1.5;text-align:left;min-height:44px;overflow-wrap:anywhere}.phone-task p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.phone-task p:empty{display:none}
.phone-mode .check{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:50%}.phone-task.is-done .task-title{text-decoration:line-through;color:var(--muted)}
.phone-fold{border-top:1px solid var(--line);padding:0;margin:12px 0 24px}.phone-fold>summary{display:flex;align-items:center;min-height:56px;font-size:15px;cursor:pointer;gap:12px}.phone-fold>summary:before{content:'›';color:var(--muted)}.phone-fold[open]>summary:before{content:'⌄'}.phone-fold>summary>span{margin-left:auto;color:var(--muted)}
.phone-project,.phone-menu{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.phone-project>div,.phone-menu>div{min-width:0;flex:1}.phone-project h2{font-size:18px;margin:0 0 8px}.phone-project p,.phone-menu p{font-size:13px;color:var(--muted);margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere}.phone-project>span{font-size:12px;color:var(--muted);white-space:nowrap}.phone-project-goal{line-height:1.7;margin-bottom:28px}.phone-menu strong{font-size:17px;font-weight:500}
.phone-event{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.phone-event>div{flex:1;min-width:0}.phone-event strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.phone-event time{font-size:15px;color:var(--accent);font-variant-numeric:tabular-nums}.phone-event p{font-size:12px;color:var(--muted);margin:6px 0 0}.phone-event p:empty{display:none}
.phone-date{display:flex;align-items:center;gap:12px;margin-bottom:20px}.phone-date label{flex:1;min-width:0}.phone-date input{width:100%;font-size:16px;min-height:44px}.phone-date button{width:44px;height:44px;font-size:22px}
.phone-mode .form-panel{padding:0;border:0;background:none;margin:0}.phone-mode input,.phone-mode select,.phone-mode textarea{font-size:16px;min-height:44px}.phone-mode button.small,.phone-mode button.quiet,.phone-mode .tabs button{min-height:44px}.phone-mode .form-grid{grid-template-columns:1fr}.phone-mode .form-actions{position:relative;flex-wrap:wrap;gap:12px}.phone-mode .form-actions>button{min-height:44px}.phone-mode .form-error{flex-basis:100%}
.phone-mode .routine-row{padding:16px 0;gap:8px;flex-wrap:wrap}.phone-mode .routine-symbol{display:none}.phone-mode .routine-body{flex:1;min-width:140px}.phone-mode .routine-actions{flex-wrap:wrap;gap:8px}.phone-mode .routine-body .task-title{font-size:16px;min-height:44px}.phone-mode .routine-actions .quiet{display:none}
.phone-mode .chat-room{border:0;background:none}.phone-mode .chat-log{height:auto;max-height:none;min-height:160px;padding:0}.phone-mode .chat-toolbar{padding:0 0 16px}.phone-mode #chat-compose{padding:16px 0;background:var(--bg)}.phone-mode .chat-compose-footer{gap:8px}.phone-mode .chat-compose-footer>span{font-size:11px}.phone-mode .chat-text{font-size:16px;line-height:1.7}.phone-mode .chat-welcome{padding:24px 0}.phone-mode .chat-welcome .eyebrow{display:none}.phone-mode .chat-welcome h2{font-size:22px}
.phone-mode .event-inspector{border:0;padding:0;max-height:none}.phone-mode .empty{padding:20px 0}.phone-mode .empty p{font-size:14px}.phone-mode #toast{bottom:calc(88px + env(safe-area-inset-bottom));top:auto;left:20px;right:20px;max-width:none}