:root{--paper:#f6f3eb;--white:#fffefb;--ink:#1c292a;--muted:#758080;--line:#dedfd8;--red:#be6344;--red-soft:#f9ebe3;--green:#426f64;--green-soft:#e8f2ed;--gold:#a27b41;--shadow:0 12px 40px rgba(42,52,46,.065)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{max-width:1510px;padding:0 48px 70px;margin:0 auto}
.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;align-items:center;gap:13px}.brand-seal{display:grid;place-items:center;height:43px;width:43px;border:1.5px solid var(--red);border-radius:50%;font-weight:700;color:var(--red);font-size:20px;transform:rotate(-7deg)}.brand b{font-size:16px;letter-spacing:.15em;font-weight:700}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.21em;margin-top:4px;font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.save-status{font-size:12px;color:var(--green)}.text-button{border:0;background:none;color:var(--muted);font-weight:600;padding:11px 4px}.text-button:hover{color:var(--ink)}.export-button{background:var(--ink);color:white;border:none;padding:12px 17px;border-radius:8px;font-weight:700}.export-button span{margin-left:13px;color:#e9b799}
.hero{margin-top:30px;border-radius:16px;min-height:270px;background:#e9e8df;display:grid;grid-template-columns:1.55fr .95fr;overflow:hidden;position:relative}.hero-copy{padding:39px 47px 34px;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;letter-spacing:.12em;font-weight:700;font-size:11px;color:var(--red)}.eyebrow-line{width:26px;height:1px;background:var(--red)}.hero h1{font-family:"Noto Sans SC",sans-serif;font-weight:600;line-height:1.35;letter-spacing:-.045em;margin:18px 0 11px;font-size:clamp(30px,3vw,45px)}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:625px;line-height:1.9;color:#586662;font-size:13px;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.hero-tags span{font-size:11px;border:1px solid #d4d8d0;background:rgba(255,255,255,.52);color:#5a655e;padding:8px 11px;border-radius:30px}.hero-art{background:linear-gradient(153deg,#dbdfd4 0%,#d0ddd6 65%,#bfcfc6 100%);position:relative;overflow:hidden}.sun{width:132px;height:132px;border-radius:50%;background:#e8b492;position:absolute;right:33%;top:13%;opacity:.95}.tower{position:absolute;bottom:0;background:#627b76}.tower-a{right:9%;height:66%;width:19%;clip-path:polygon(40% 0,60% 0,60% 8%,70% 8%,70% 100%,30% 100%,30% 8%,40% 8%);opacity:.56}.tower-b{right:34%;height:45%;width:12%;clip-path:polygon(17% 0,83% 0,83% 100%,17% 100%);opacity:.37}.tower-c{right:61%;height:32%;width:23%;clip-path:polygon(0 27%,50% 0,100% 27%,100% 100%,0 100%);opacity:.27}.horizon{height:40px;position:absolute;bottom:-12px;left:0;right:0;background:#839e92;opacity:.7;filter:blur(16px)}.art-caption{position:absolute;right:25px;bottom:19px;letter-spacing:.3em;writing-mode:vertical-rl;color:#506762;font-size:12px;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--white);border-radius:13px;margin:21px 0 20px}.stat{padding:20px 25px;position:relative}.stat:not(:last-child):after{content:"";height:52px;width:1px;background:var(--line);position:absolute;right:0;top:24px}.stat span{font-size:12px;color:var(--muted);font-weight:600}.stat strong{font-size:30px;font-weight:600;letter-spacing:-.06em;display:block;margin:4px 0}.stat small{font-size:11px;color:#929b95}.notice-strip{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#f7eddb;border:1px solid #ecd8ac;border-radius:10px;margin-bottom:30px}.notice-icon{width:24px;height:24px;border-radius:50%;background:#c2934c;color:white;display:grid;place-items:center;font-weight:700;flex:none}.notice-strip>div{flex:1;display:flex;gap:12px;align-items:baseline}.notice-strip b{font-size:12px;white-space:nowrap;color:#8c693a}.notice-strip span:not(.notice-icon){color:#846c4e;font-size:12px;line-height:1.6}.notice-strip button{border:0;background:transparent;color:#8e6339;font-size:11px;font-weight:700;white-space:nowrap}
.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px}.sidebar{border-right:1px solid var(--line);padding-right:25px;align-self:start;position:sticky;top:20px}.sidebar-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;margin-bottom:14px}.sidebar-head button{font-size:11px;color:var(--muted);background:none;border:none}.category-list{display:grid;gap:4px}.category-btn{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:11px;text-align:left;border-radius:8px;padding:12px 10px;color:#5b6764;transition:.15s}.category-btn:hover{background:#ebece6}.category-btn.active{color:var(--red);background:#f3e6da;font-weight:700}.category-letter{font-weight:700;font-size:12px;color:#969b96;width:20px}.category-btn.active .category-letter{color:var(--red)}.category-label{flex:1;font-size:12px;line-height:1.3}.category-count{font-size:11px;color:#9ca49d}.sidebar-note{margin-top:38px;border:1px solid #d8dcd5;background:#eeefe9;border-radius:11px;padding:20px}.note-symbol{font-size:26px;color:var(--red);margin-bottom:11px}.sidebar-note b{font-size:13px;line-height:1.7;display:block}.sidebar-note p{font-size:12px;color:#748078;line-height:1.85}.sidebar-note a{font-size:11px;color:var(--green);font-weight:700;text-decoration:none}
.main-panel{min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-kicker{font-size:10px;letter-spacing:.19em;color:var(--red);font-weight:700;margin-bottom:8px}.section-heading h2{margin:0;font-size:25px;font-weight:600;letter-spacing:-.02em}.section-heading h2 span{font-size:13px;vertical-align:middle;color:#a3ada6;margin-left:8px;font-weight:500}.mobile-filter{display:none}.toolbar{display:flex;gap:12px;margin-bottom:15px}.search-box{background:var(--white);border:1px solid #dce0d9;border-radius:9px;height:47px;display:flex;align-items:center;gap:12px;padding:0 13px;flex:1;transition:.2s}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(66,111,100,.09)}.search-box span{font-size:28px;line-height:1;color:#a7ada6}.search-box input{flex:1;min-width:0;outline:none;border:0;background:none;color:var(--ink)}.search-box input::placeholder{color:#9ea9a2}.search-box kbd{font:11px "DM Sans";border:1px solid #e1e4de;border-radius:4px;color:#a2aaa3;padding:3px 6px}.toolbar select{border:1px solid #dce0d9;border-radius:9px;background:var(--white);color:#54615e;font-weight:600;font-size:12px;padding:0 14px;min-width:126px}
.view-tabs{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.view-tabs button{background:transparent;border:0;padding:13px 0;white-space:nowrap;color:#8a9691;position:relative;font-size:12px;font-weight:700}.view-tabs button.active{color:var(--ink)}.view-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red)}.view-tabs span{color:var(--red);padding-left:3px}.quick-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:18px 0}.filter-chip{border:1px solid var(--line);background:transparent;color:#707c75;border-radius:30px;padding:8px 11px;font-size:11px;font-weight:700}.filter-chip.active{background:#e4eee7;border-color:#96b4a6;color:var(--green)}.filter-chip:hover{border-color:#9cb4a6}.reset-link{border:none;background:none;color:#a0a9a1;font-size:11px;padding:7px 5px}.active-filter-text{color:var(--muted);font-size:11px;margin:0 0 14px}.place-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.place-card{position:relative;border:1px solid #e0e2dc;border-radius:12px;background:var(--white);box-shadow:0 2px 6px rgba(28,41,42,.018);padding:17px 18px 15px;transition:border .2s,box-shadow .2s}.place-card:hover{border-color:#c4d0c7;box-shadow:var(--shadow)}.place-card.chosen{border-color:#a5c2b3;background:#fbfefa}.place-card.must{border-color:#ca9778;background:#fffaf6}.card-top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}.area-id{font-size:10px;color:#9ca59b;letter-spacing:.12em;font-weight:700}.tag-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mini-tag{display:inline-flex;align-items:center;border-radius:4px;padding:4px 6px;font-size:9px;letter-spacing:.01em;font-weight:700;color:#718078;background:#edf0eb}.mini-tag.recommend{color:var(--red);background:#fbefe8}.mini-tag.verified{color:var(--green);background:#e9f3ed}.mini-tag.alert{color:#a54c38;background:#fcece6}.place-head{display:flex;gap:11px;align-items:flex-start}.place-check{appearance:none;flex:none;width:25px;height:25px;border:1.5px solid #bfcac1;border-radius:7px;margin:2px 0 0;background:white;cursor:pointer;display:grid;place-items:center}.place-check:checked{background:var(--green);border-color:var(--green)}.place-check:checked:after{content:"✓";font-size:16px;font-weight:700;color:#fff}.place-name{font-size:16px;letter-spacing:-.025em;line-height:1.55;margin:0;font-weight:700}.place-description{color:#84908a;line-height:1.6;font-size:11px;margin:5px 0 12px}.meta-line{border-top:1px solid #eceeea;padding-top:12px;display:grid;gap:8px}.meta-row{display:flex;align-items:flex-start;gap:9px;line-height:1.55;color:#63726c;font-size:11px}.meta-icon{width:16px;text-align:center;color:#8ca096;flex:none}.meta-row b{font-weight:700;color:#465c53}.meta-row.alert-row{color:#b36d4b}.meta-row.alert-row b{color:#a65a42}.meta-row span{min-width:0}.time-unknown{color:#a0a69d}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;border-top:1px solid #eceeea;padding-top:11px;gap:10px}.decision-select{max-width:122px;border:1px solid #dce3db;border-radius:6px;background:#f8faf7;color:#5f746b;font-weight:700;font-size:11px;padding:7px 5px}.decision-select.must{background:#fbeae0;color:#9c5b3d;border-color:#ecc0a4}.decision-select.want{background:#e8f2ed;color:#386b5a;border-color:#b9d1c3}.decision-select.optional{background:#eef0f5;color:#526477}.decision-select.no{background:#f3f3f1;color:#8e9994}.day-select{max-width:112px;border:0;background:transparent;color:#7b8880;font-size:11px;padding:7px 4px}.card-link{color:var(--green);text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.card-details{margin-top:13px;border-top:1px dashed #dae0d8;padding-top:12px;display:none}.card-details.open{display:block}.details-text{line-height:1.7;font-size:11px;color:#697b6e;white-space:pre-wrap}.details-actions{display:flex;gap:14px;margin-top:10px}.details-actions a{font-size:11px;color:var(--green);font-weight:700;text-decoration:none}.detail-toggle{border:0;background:none;color:#819188;font-size:11px;padding:0;font-weight:600}.note-label{font-size:10px;color:#9aa69c;display:block;margin:11px 0 6px}.card-note{width:100%;border:1px solid #e0e4dd;border-radius:7px;background:#fff;padding:8px;font-size:12px;resize:vertical;min-height:45px;max-height:130px;color:var(--ink)}.card-note:focus{outline:2px solid #bad4c4}.bottom-caption{text-align:center;color:#98a199;font-size:11px;padding-top:35px}.empty-state{padding:80px 20px;text-align:center;color:#89958b;border:1px dashed #d7ddd6;border-radius:12px}.empty-state>div{font-size:40px}.empty-state h3{color:var(--ink);font-size:18px}.empty-state button{background:var(--green);color:white;border:0;border-radius:7px;padding:10px 16px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#243832;color:white;padding:12px 18px;border-radius:9px;box-shadow:0 10px 35px #22372e42;font-size:12px;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.app-shell{padding:0 24px 50px}.workspace{grid-template-columns:195px minmax(0,1fr);gap:24px}.sidebar{padding-right:16px}.place-grid{grid-template-columns:1fr}.hero{grid-template-columns:1.5fr .75fr}.hero-copy{padding:32px}.notice-strip>div{display:block}.notice-strip b{display:block;margin-bottom:3px}}
@media(max-width:700px){.app-shell{padding:0 15px 36px}.topbar{height:72px}.brand-seal{height:36px;width:36px;font-size:17px}.brand b{font-size:13px}.brand small{font-size:8px}.save-status{display:none}.top-actions{gap:7px}.text-button{font-size:11px}.export-button{font-size:11px;padding:11px}.export-button span{display:none}.hero{margin-top:17px;grid-template-columns:1fr;min-height:auto}.hero-copy{padding:25px 23px 28px}.hero h1{font-size:29px}.hero p{font-size:12px}.hero-art{display:none}.hero-tags{margin-top:17px;gap:7px}.hero-tags span{font-size:10px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:15px 17px}.stat:nth-child(2):after{display:none}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}.stat strong{font-size:25px}.notice-strip{padding:12px;align-items:flex-start}.notice-strip button{display:none}.workspace{display:block}.sidebar{display:none;position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:20px}.sidebar.mobile-open{display:block}.category-list{grid-template-columns:repeat(2,1fr)}.category-btn{padding:9px 6px}.sidebar-note{display:none}.mobile-filter{display:block;border:1px solid var(--line);background:var(--white);border-radius:7px;color:#627069;padding:8px;font-size:11px}.section-heading h2{font-size:22px}.toolbar{gap:8px}.search-box{height:43px}.search-box kbd{display:none}.toolbar select{min-width:99px;padding:0 6px;font-size:11px}.view-tabs{gap:20px}.view-tabs button{font-size:11px}.quick-filters{gap:6px}.filter-chip{padding:7px 9px;font-size:10px}.place-grid{grid-template-columns:1fr}.place-card{padding:16px}.notice-strip span:not(.notice-icon){font-size:11px}.notice-strip b{font-size:11px}}