:root{--ink: #2d2924;--muted: rgba(45, 41, 36, .56);--wall: #efebe4;--panel: rgba(255, 252, 246, .78);--shadow: rgba(68, 49, 35, .16);color:var(--ink);background:var(--wall);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,textarea,input{font:inherit}button{color:inherit}.gate-page,.love-wall-app{min-height:100vh}.gate-page{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 18% 12%,rgba(255,229,174,.55),transparent 34%),radial-gradient(circle at 78% 80%,rgba(216,229,255,.55),transparent 30%),linear-gradient(135deg,#f5f0e8,#eee8dd)}.gate-card{width:min(440px,100%);padding:36px;border:1px solid rgba(70,55,42,.1);border-radius:34px;background:#fffdf8b8;box-shadow:0 28px 90px #58432e2b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.gate-kicker,.wall-header p,.drawer-panel header p{margin:0;color:#a17445;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.gate-card h1{margin:14px 0 24px;font-size:clamp(2.2rem,9vw,4.3rem);letter-spacing:-.08em;line-height:1}.gate-card input{width:100%;margin-bottom:14px;padding:16px 18px;border:1px solid rgba(70,55,42,.12);border-radius:18px;background:#ffffffb8;outline:none}.gate-card button,.composer-actions button,.note-editor button{border:0;border-radius:999px;background:#2d2924;color:#fffaf0;cursor:pointer}.gate-card button{width:100%;padding:15px 18px}.gate-error{margin:12px 0 0;color:#9b4c3f;font-size:.88rem}.love-wall-app{position:relative;background:radial-gradient(circle at 12% 20%,rgba(255,244,210,.45),transparent 28%),radial-gradient(circle at 88% 78%,rgba(219,229,246,.45),transparent 30%),var(--wall)}.love-wall-app:after{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.34;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}.wall-header{position:fixed;top:18px;left:18px;right:18px;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.wall-header h1{margin:4px 0 0;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.09em;line-height:.94}.wall-status{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;color:var(--muted);font-size:.78rem}.wall-status span{padding:8px 12px;border:1px solid rgba(70,55,42,.08);border-radius:999px;background:#fffdf794;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.center-reset-button{position:fixed;top:122px;right:18px;z-index:42;padding:10px 14px;border:1px solid rgba(70,55,42,.1);border-radius:999px;background:#fffdf7d1;box-shadow:0 12px 28px #4431231a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer}.wall-surface{position:relative;width:100vw;height:100vh;cursor:move;touch-action:none;background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-position:var(--viewport-x, 0) var(--viewport-y, 0),var(--viewport-x, 0) var(--viewport-y, 0);background-size:64px 64px;overflow:hidden}.wall-surface.is-panning{cursor:grabbing}.wall-surface.is-pinching{cursor:zoom-in}.wall-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:scale(var(--wall-scale, 1)) translate3d(var(--viewport-x),var(--viewport-y),0);transform-origin:0 0;will-change:transform}.wall-world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.wall-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.wall-link line{stroke:#6d523770;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 7}.link-delete{width:28px;height:28px;border:0;border-radius:999px;background:#fffcf6db;box-shadow:0 8px 20px #402c1c1f;cursor:pointer;pointer-events:auto}.wall-item{position:absolute;left:0;top:0;z-index:2;touch-action:none;transform:translate3d(var(--x),var(--y),0) rotate(var(--rotation));transition:filter .18s ease;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;pointer-events:auto}.wall-item.is-dragging{cursor:grabbing;filter:drop-shadow(0 26px 30px rgba(55,38,25,.2));transition:none}.wall-item.is-dragging>*{transform:scale(1.035);transition:transform .12s ease}.sticky-note,.polaroid-card{position:relative;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease}.sticky-note{width:260px;min-height:228px;padding:30px 18px 42px;border-radius:19px 22px 18px 21px;background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 34%),radial-gradient(circle at 12% 8%,rgba(255,255,255,.38),transparent 28%),var(--paper);box-shadow:0 24px 42px #4b361e26,inset 0 1px #ffffff73,inset 0 -18px 24px #5c422109}.sticky-note:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23p)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.sticky-note:after{position:absolute;right:12px;bottom:10px;width:72px;height:28px;content:"";border-radius:50%;background:#5e43260f;filter:blur(14px)}.push-pin{position:absolute;top:-10px;left:50%;z-index:8;width:23px;height:23px;border:0;border-radius:999px;background:radial-gradient(circle at 34% 28%,#fff8ee 0 10%,transparent 11%),radial-gradient(circle at 50% 48%,#df5147,#992a26 72%);box-shadow:0 5px 10px #4c1f1838,inset 0 -2px 4px #3b0e0c42;transform:translate(-50%);cursor:pointer}.push-pin:after{position:absolute;left:50%;top:17px;width:2px;height:14px;content:"";background:#58403170;transform:translate(-50%)}.is-pin-selected .push-pin{outline:3px solid rgba(210,89,75,.24);outline-offset:3px}.note-text{position:relative;z-index:1;width:100%;min-height:128px;padding:0;border:0;background:transparent;color:#3b3027;cursor:inherit;font-family:Kaiti SC,STKaiti,PingFang SC,serif;font-size:1.18rem;line-height:1.62;text-align:left;white-space:pre-wrap}.item-meta{position:absolute;right:14px;bottom:12px;z-index:2;color:#302a2473;font-size:.62rem;letter-spacing:.02em}.item-actions{position:absolute;left:12px;top:-15px;z-index:5;display:flex;gap:6px;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.sticky-note:hover .item-actions,.polaroid-card:hover .item-actions,.sticky-note:focus-within .item-actions,.polaroid-card:focus-within .item-actions{opacity:1;transform:translateY(0)}.item-actions button,.drawer-actions button{padding:5px 8px;border:1px solid rgba(65,52,42,.09);border-radius:999px;background:#fffdf8db;color:#2d2924b8;box-shadow:0 8px 18px #402c1c14;cursor:pointer;font-size:.68rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.note-editor{position:relative;z-index:3}.note-editor textarea,.composer textarea{width:100%;border:0;resize:none;outline:none}.note-editor textarea{min-height:110px;background:transparent;color:#3b3027;font-family:Kaiti SC,STKaiti,PingFang SC,serif;font-size:1.1rem;line-height:1.6}.note-editor button{padding:8px 14px;font-size:.8rem}.polaroid-card{width:246px;padding:22px 13px 46px;border-radius:6px;background:#fffdf7;box-shadow:0 26px 46px #44301e2b,inset 0 0 0 1px #4838270a}.photo-window{display:block;width:220px;height:220px;padding:0;overflow:hidden;border:0;border-radius:3px;background:#e9e3da;cursor:zoom-in}.photo-window img{width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-title{margin-top:10px;padding-right:8px;color:#2f2720c2;font-family:Kaiti SC,STKaiti,PingFang SC,serif;font-size:.98rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-dock{position:fixed;right:22px;bottom:22px;z-index:50;display:grid;justify-items:end;gap:14px}.dock-buttons{display:flex;gap:10px;align-items:center}.add-button,.link-mode-button{border:0;border-radius:999px;background:#27231ee6;color:#fffaf0;box-shadow:0 18px 48px #2a20163d;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .18s cubic-bezier(.2,.9,.2,1),background .18s ease}.add-button{width:62px;height:62px;font-size:2rem;line-height:1}.link-mode-button{height:44px;padding:0 18px;background:#fffcf6d1;color:var(--ink)}.link-mode-button.is-active{background:#a94a3f;color:#fffaf0}.add-button:hover,.link-mode-button:hover{transform:scale(1.05)}.composer{width:min(360px,calc(100vw - 44px));padding:14px;border:1px solid rgba(70,55,42,.1);border-radius:28px;background:#fffcf6d1;box-shadow:0 24px 70px #4733202e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.note-preview-card{position:relative;min-height:132px;padding:30px 14px 12px;border-radius:19px 22px 18px 21px;background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 34%),radial-gradient(circle at 14% 8%,rgba(255,255,255,.38),transparent 28%),var(--preview-paper, #fff7d4);box-shadow:inset 0 1px #ffffff6b,inset 0 -18px 24px #5c422109,0 12px 28px #4b361e17;transform:rotate(-1.2deg);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.note-preview-card:focus-within{box-shadow:inset 0 1px #ffffff6b,inset 0 -18px 24px #5c422109,0 18px 38px #4b361e24;transform:rotate(0) translateY(-1px)}.preview-pin{position:absolute;top:8px;left:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),transparent 18%),linear-gradient(145deg,#cb4a3d,#8c2f27);box-shadow:0 5px 10px #4d2b2033;transform:translate(-50%)}.composer textarea{min-height:88px;padding:0;border-radius:0;background:transparent;color:#3b3027;line-height:1.7}.note-preview-input{display:block}.photo-composer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(70,55,42,.08)}.photo-composer input{min-width:0;padding:10px 12px;border:1px solid rgba(70,55,42,.1);border-radius:999px;background:#ffffffb8;outline:none}.photo-composer button{border:0;border-radius:999px;background:#2d2924;color:#fffaf0;cursor:pointer;padding:10px 14px}.photo-composer p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.author-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.author-switch button,.composer-actions button{padding:10px 12px;border:0;border-radius:999px;cursor:pointer}.author-switch button{background:#372f2614}.author-switch button.is-active{background:#2d2924;color:#fffaf0}.color-row{display:flex;gap:8px;align-items:center;margin:10px 0}.color-dot{width:24px;height:24px;border:2px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 4px 12px #2f23181f;cursor:pointer}.color-dot.is-active{outline:2px solid rgba(45,41,36,.42);outline-offset:2px}.composer-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.composer-actions button{padding-inline:15px}.composer-actions button:first-child{background:#372f2614;color:var(--ink)}.composer-actions button:nth-child(2){background:#372f2614;color:var(--ink)}.file-input{display:none}.memory-drawer{position:fixed;right:auto;left:calc(100vw - min(382px,calc(100vw - 22px)));top:118px;z-index:60;pointer-events:none;transform:translate3d(var(--drawer-x, 0),var(--drawer-y, 0),0);touch-action:none;will-change:transform}.drawer-tab{position:absolute;right:0;top:0;padding:10px 14px;border:1px solid rgba(70,55,42,.1);border-radius:999px;background:#fffcf6c7;box-shadow:0 14px 36px #3425181f;cursor:grab;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.memory-drawer.is-dragging .drawer-tab,.drawer-tab:active{cursor:grabbing}.drawer-panel{width:min(360px,calc(100vw - 44px));max-height:min(620px,calc(100vh - 178px));margin-top:52px;padding:18px;overflow:auto;border:1px solid rgba(70,55,42,.1);border-radius:30px;background:#fffcf6e0;box-shadow:0 28px 80px #38281a2e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transform:translate(24px) scale(.98);transition:opacity .18s ease,transform .18s cubic-bezier(.2,.9,.2,1);pointer-events:none;cursor:grab;-webkit-user-select:none;user-select:none}.memory-drawer.is-open .drawer-panel{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.drawer-panel:active{cursor:grabbing}.memory-drawer.is-dragging .drawer-panel{cursor:grabbing;transition:opacity .18s ease}.drawer-handle{cursor:grab;-webkit-user-select:none;user-select:none}.drawer-panel h2{margin:4px 0 16px;font-size:1.8rem;letter-spacing:-.06em}.drawer-empty{margin:0;color:var(--muted);line-height:1.7}.drawer-stack{position:relative;min-height:320px;padding:12px 0 34px}.drawer-file{position:relative;display:grid;gap:10px;min-height:132px;margin-top:calc(var(--stack-index) * -58px + 58px);padding:26px 14px 14px;border:1px solid rgba(102,76,48,.12);border-radius:18px 18px 14px 14px;background:linear-gradient(145deg,#fff8df,#f1dfb6);box-shadow:0 18px 32px #48321c21;transform:translate(calc((var(--stack-index) % 4) * 8px)) rotate(var(--stack-rotate));transition:transform .18s cubic-bezier(.2,.9,.2,1),margin .18s ease}.drawer-file:hover{z-index:5;margin-bottom:64px;transform:translate(0) rotate(0) translateY(-8px)}.drawer-file.is-photo{background:linear-gradient(145deg,#fffdf8,#eee5d7)}.file-tab{position:absolute;top:-18px;left:18px;padding:6px 14px;border-radius:12px 12px 0 0;background:inherit;color:#4a331f94;font-size:.66rem;font-weight:800;letter-spacing:.16em}.drawer-file strong{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-file span{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}.drawer-actions{display:flex;gap:8px}.error-toast{position:fixed;left:50%;top:18px;z-index:80;max-width:min(520px,calc(100vw - 36px));padding:12px 16px;border:1px solid rgba(139,71,54,.18);border-radius:999px;background:#fff6f0e6;color:#8f4539;box-shadow:0 18px 50px #422c2021;transform:translate(-50%);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:28px;background:#1f1b17b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.photo-lightbox figure{width:min(92vw,980px);max-height:88vh;margin:0;padding:16px 16px 54px;border-radius:12px;background:#fffdf8;box-shadow:0 38px 100px #00000052}.photo-lightbox img{display:block;width:100%;max-height:calc(88vh - 96px);object-fit:contain;border-radius:6px;background:#eee8df}.photo-lightbox figcaption{margin-top:14px;color:#2d2924b8;font-family:Kaiti SC,STKaiti,PingFang SC,serif;font-size:1.15rem;text-align:center}.lightbox-close{position:fixed;right:24px;top:24px;z-index:2;padding:10px 14px;border:0;border-radius:999px;background:#fffcf6e6;cursor:pointer}@media(max-width:760px){body{overflow:hidden}.wall-header{top:12px;left:12px;right:12px;display:block}.wall-header h1{font-size:2.1rem}.wall-status{margin-top:8px;justify-content:flex-start;font-size:.68rem}.wall-status span{padding:6px 9px}.center-reset-button{top:auto;right:12px;bottom:124px;padding:9px 12px;font-size:.84rem}.wall-surface{height:100svh}.sticky-note{width:218px;min-height:196px;padding:28px 15px 38px}.note-text{min-height:104px;font-size:1.02rem}.polaroid-card{width:206px;padding:21px 10px 42px}.photo-window{width:186px;height:186px}.item-actions{top:auto;left:10px;bottom:-34px;opacity:1;transform:none}.item-actions button{padding:6px 9px;font-size:.7rem}.add-dock{left:12px;right:12px;bottom:14px;justify-items:stretch}.dock-buttons{justify-content:center}.composer{width:100%}.memory-drawer{left:12px;right:auto;top:calc(100svh - 58vh - 86px);bottom:auto}.drawer-tab{right:auto;left:0}.drawer-panel{width:100%;max-height:48vh;margin-top:0;margin-bottom:52px;transform:translateY(20px) scale(.98)}.memory-drawer.is-open .drawer-panel{transform:translateY(0) scale(1)}}