:root{color-scheme:dark;--bg:#0b0b0d;--card:#151519;--line:#29292f;--pink:#f28ba8;--muted:#85858f}*{box-sizing:border-box}body{margin:0;background:#050506;color:#f7f7f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.phone{position:relative;width:min(100%,470px);min-height:100vh;margin:auto;padding:44px 17px 120px;background:var(--bg);overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:0 5px}small{color:var(--pink);font-weight:800;letter-spacing:3px}h1{margin:7px 0 0;font-size:30px}h1 span{margin-left:8px;color:var(--muted);font-size:15px;font-weight:400}.round,.close{border:0;border-radius:50%;background:#1b1b20;color:#aaa}.round{width:42px;height:42px}.stats{display:flex;margin:24px 5px 13px;padding:15px 0;border-block:1px solid #24242a}.stats div{display:flex;flex:1;flex-direction:column;align-items:center;border-right:1px solid #24242a}.stats div:last-child{border:0}.stats span{margin-top:3px;color:#777782;font-size:11px}.pink{color:var(--pink)}.tip{margin:15px 5px;color:#696974;font-size:12px}.row{display:grid;grid-template-columns:62px 25px 1fr;min-height:126px;cursor:grab}.row.dragging{opacity:.45}.time{padding-top:9px;text-align:right;font-size:15px;font-weight:700}.time em{display:block;margin-top:5px;color:#666;font-size:9px;font-style:normal}.axis{position:relative}.axis:before{content:"";position:absolute;top:20px;bottom:-1px;left:50%;width:1px;background:#2b2b31}.row:last-child .axis:before{display:none}.dot{position:relative;z-index:1;width:12px;height:12px;margin:10px auto;border:3px solid var(--bg);border-radius:50%;background:#555;box-shadow:0 0 0 1px #444}.dot.active{background:var(--pink);box-shadow:0 0 14px var(--pink)}.dot.done{background:#81c995}.node{height:112px;padding:14px 15px;border:1px solid #25252b;border-radius:15px;background:var(--card)}.node-top,.meta{display:flex;justify-content:space-between;color:#6e6e78;font-size:11px}.node-top span:first-child{color:var(--pink);letter-spacing:1px}.node h3{margin:9px 0 7px;font-size:17px}.node p{margin:0;color:var(--muted);font-size:12px}.meta{justify-content:flex-start;gap:10px;margin-top:12px}.add{position:fixed;right:max(22px,calc((100vw - 470px)/2 + 22px));bottom:77px;z-index:5;padding:13px 21px;border:0;border-radius:28px;background:var(--pink);color:#171217;font-weight:700;box-shadow:0 8px 25px #f28ba83b}nav{position:fixed;right:0;bottom:0;left:0;z-index:4;display:flex;width:min(100%,470px);height:64px;margin:auto;border-top:1px solid #24242a;background:#111114}.nav-item{flex:1;border:0;background:transparent;color:#72727b}.nav-item.active{color:var(--pink)}.overlay{position:fixed;z-index:10;inset:0;display:none;background:#000b}.overlay.show{display:block}.sheet{position:fixed;z-index:11;right:50%;bottom:0;width:min(100%,470px);height:88vh;padding:22px 22px 80px;overflow:auto;border-radius:24px 24px 0 0;background:#111114;transform:translate(50%,100%);transition:transform .28s}.sheet.show{transform:translate(50%,0)}.handle{width:42px;height:4px;margin:-10px auto 20px;border-radius:4px;background:#3b3b43}.close{position:absolute;top:18px;right:20px;width:36px;height:36px;font-size:24px}.sheet-time{display:flex;align-items:center;gap:6px}.sheet-time input{border:0;background:transparent;color:var(--pink);font:inherit}.sheet-time i{color:var(--pink);font-style:normal}.sheet h2{margin:10px 0 8px;font-size:27px}.location{color:var(--muted)}.actions{display:flex;gap:8px;margin:20px 0}.actions button{flex:1;height:42px;border:0;border-radius:12px;background:#1b1b20;color:#ccc}.detail{padding:23px 0;border-bottom:1px solid var(--line)}.detail label{color:#8f8f99;font-size:12px}.detail textarea{width:100%;min-height:82px;margin-top:10px;border:0;outline:0;background:transparent;color:#eee;font:15px/1.6 inherit;resize:none}.detail-head{display:flex;justify-content:space-between}.upload{color:var(--pink)!important;cursor:pointer}.upload input{display:none}.media-strip{display:flex;gap:9px;margin-top:13px;overflow-x:auto}.media-strip img,.media-strip video{width:155px;height:110px;flex:none;border-radius:12px;object-fit:cover}.media-empty{display:grid;width:100%;height:90px;place-items:center;border:1px dashed #3a3a43;border-radius:12px;color:#777;font-size:12px}.gear{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.gear span{padding:7px 10px;border-radius:11px;background:#202025;color:#ccc;font-size:12px}@media(min-width:471px){body{padding:24px 0}.phone{min-height:calc(100vh - 48px);border:1px solid #24242a;border-radius:28px}.sheet{bottom:24px;max-height:calc(100vh - 48px)}nav{bottom:24px;border-radius:0 0 28px 28px}.add{bottom:101px}}